{"id":1523,"date":"2024-10-09T17:51:29","date_gmt":"2024-10-09T09:51:29","guid":{"rendered":"http:\/\/www.leyiwangyou.top\/?p=1523"},"modified":"2024-10-09T17:53:48","modified_gmt":"2024-10-09T09:53:48","slug":"playwright-introduce","status":"publish","type":"post","link":"http:\/\/www.leyiwangyou.top\/?p=1523","title":{"rendered":"playwright Introduce"},"content":{"rendered":"<h2>Introduce<\/h2>\n<p>Playwright enables reliable end-to-end testing for modern web apps.<br \/>\nofficial website\uff1a <a href=\"https:\/\/playwright.dev\/\">https:\/\/playwright.dev\/<\/a><\/p>\n<h2>Installation<\/h2>\n<p><code>npm init playwright@latest <\/code><br \/>\n<img decoding=\"async\" src=\"http:\/\/www.leyiwangyou.top\/wp-content\/uploads\/2024\/10\/img-20241009171939.png\" alt=\"\" \/><\/p>\n<p>after init, will generate some folders and files:<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.leyiwangyou.top\/wp-content\/uploads\/2024\/10\/img-20241009172611.png\" alt=\"\" \/><\/p>\n<h2>Use it !<\/h2>\n<p>Inside that directory, you can run several commands:<\/p>\n<table>\n<thead>\n<tr>\n<th>Command<\/th>\n<th>Describe<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>npx playwright test<\/td>\n<td>Runs the end-to-end tests.<\/td>\n<\/tr>\n<tr>\n<td>npx playwright test &#8211;ui<\/td>\n<td>Starts the interactive UI mode.<\/td>\n<\/tr>\n<tr>\n<td>npx playwright test &#8211;project=chromium<\/td>\n<td>Runs the tests only on Desktop Chrome.<\/td>\n<\/tr>\n<tr>\n<td>npx playwright test example<\/td>\n<td>Runs the tests in a specific file.<\/td>\n<\/tr>\n<tr>\n<td>npx playwright test &#8211;debug<\/td>\n<td>Runs the tests in debug mode.<\/td>\n<\/tr>\n<tr>\n<td>npx playwright codegen<\/td>\n<td>Auto generate tests with Codegen.<\/td>\n<\/tr>\n<tr>\n<td>npx playwright show-report<\/td>\n<td>Auto generate tests with Codegen.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>1. Run npx playwright test<\/h3>\n<pre><code>E:\\playwrighttest&gt;npx playwright test\n\nRunning 6 tests using 6 workers\n  6 passed (9.1s)\n\nTo open last HTML report run:\n\n  npx playwright show-report\n\nE:\\playwrighttest&gt; npx playwright show-report\n\n  Serving HTML report at http:\/\/localhost:9323. Press Ctrl+C to quit.<\/code><\/pre>\n<p>after run npx playwright show-report can access <a href=\"http:\/\/localhost:9323\">http:\/\/localhost:9323<\/a> to see the result<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.leyiwangyou.top\/wp-content\/uploads\/2024\/10\/img-20241009173341.png\" alt=\"\" \/><\/p>\n<h3>2. npx playwright test &#8211;ui<\/h3>\n<pre><code>E:\\playwrighttest&gt; npx playwright test --ui<\/code><\/pre>\n<p>after execute the command will popup a new window, then can run the test manually.<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.leyiwangyou.top\/wp-content\/uploads\/2024\/10\/img-20241009173710.png\" alt=\"\" \/><\/p>\n<h3>3. npx playwright test &#8211;debug<\/h3>\n<pre><code>E:\\playwrighttest&gt; npx playwright test --debug<\/code><\/pre>\n<p>after execute the command will popup two windows, your website and Inspetor.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.leyiwangyou.top\/wp-content\/uploads\/2024\/10\/img-20241009174041.png\" alt=\"\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduce Playwright<\/p>\n","protected":false},"author":1,"featured_media":1524,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1523","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.leyiwangyou.top\/index.php?rest_route=\/wp\/v2\/posts\/1523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.leyiwangyou.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.leyiwangyou.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.leyiwangyou.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.leyiwangyou.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1523"}],"version-history":[{"count":2,"href":"http:\/\/www.leyiwangyou.top\/index.php?rest_route=\/wp\/v2\/posts\/1523\/revisions"}],"predecessor-version":[{"id":1531,"href":"http:\/\/www.leyiwangyou.top\/index.php?rest_route=\/wp\/v2\/posts\/1523\/revisions\/1531"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.leyiwangyou.top\/index.php?rest_route=\/wp\/v2\/media\/1524"}],"wp:attachment":[{"href":"http:\/\/www.leyiwangyou.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.leyiwangyou.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1523"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.leyiwangyou.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}