Udemy Playwright: Web Automation Testing From Zero to Hero: Difference between revisions

Udemy Playwright: Web Automation Testing From Zero to Hero (view source)

1,147 bytes added , 12 June

m

898

edits

@@ Line 1,949: / Line 1,949: @@
 === Mobile Device Emulator ===
+. Create new file <code>tests/testMobile.spec.ts</code>
+ <nowiki>
+import { test } from "@playwright/test"
+test("input fields", async ({ page }, testInfo) => {
+  await page.goto("/")
+  const isMobile = testInfo.project.name === 'mobile'
+  isMobile && await page.locator('.sidebar-toggle').click() // to show the sidebar which is hidden for mobile devices
+  await page.getByText("Forms").click()
+  await page.getByText("Form Layouts").click()
+  isMobile && await page.locator('.sidebar-toggle').click()
+  const usingTheGridEmailInput = page
+    .locator("nb-card", { hasText: "Using the Grid" })
+    .getByRole("textbox", { name: "Email" })
+  await usingTheGridEmailInput.fill("test@test.com")
+  await usingTheGridEmailInput.clear()
+  await usingTheGridEmailInput.fill("test2@test.com")
+})</nowiki>
+. Update <code>playwright.config.ts</code>
+ <nowiki>
+export default defineConfig<TestOptions>({
+  ...
+  projects: [
+    ...
+    {
+      name: "mobile",
+      testMatch: "testMobile.spec.ts",
+      use: {
+       ...devices["iPhone 13 Pro"],
+        // ..OR..
+        // viewport: { width: 414, height: 800 },
+      },
+    },
+  ],
+})</nowiki>
 === Reporting ===
 === Visual Testing ===
 === Playwright with Docker Container ===
 === Github Actions and Argos CI ===