configuring the test fixture

Author: radubrehar

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --port 5432",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",

playwright.config.ts

@@ -24,7 +24,7 @@ export default defineConfig({
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
-    // baseURL: 'http://127.0.0.1:3000',
+    baseURL: "http://localhost:5432/",
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: "on-first-retry",

src/pages/another-test/second.page.tsx

@@ -0,0 +1,3 @@
+export default function App() {
+  return <div>second test</div>;
+}

src/pages/another-test/second.spec.ts

@@ -0,0 +1,7 @@
+import { test, expect } from "@testing";
+
+test.describe("the second test", () => {
+  test("has correct content", async ({ page }) => {
+    await expect(await page.innerText("body")).toContain("second test");
+  });
+});

src/pages/api/hello.ts

@@ -0,0 +1,3 @@
+export default function App() {
+  return <div>Hello world</div>;
+}

src/pages/example.page.tsx

@@ -1,20 +1,5 @@
-import { test, expect } from "@playwright/test";
+import { test, expect } from "@testing";
 
-test("has title", async ({ page }) => {
-  await page.goto("https://playwright.dev/");
-
-  // Expect a title "to contain" a substring.
-  await expect(page).toHaveTitle(/Playwright/);
-});
-
-test("get started link", async ({ page }) => {
-  await page.goto("https://playwright.dev/");
-
-  // Click the get started link.
-  await page.getByRole("link", { name: "Get started" }).click();
-
-  // Expects page to have a heading with the name of Installation.
-  await expect(
-    page.getByRole("heading", { name: "Installation" })
-  ).toBeVisible();
+test("Main example has corrent content", async ({ page }) => {
+  await expect(await page.innerText("body")).toContain("Hello world");
 });

src/pages/example.spec.ts

@@ -0,0 +1,32 @@
+import {
+  test as base,
+  expect,
+  PlaywrightTestArgs,
+  PlaywrightTestOptions,
+  Page,
+} from "@playwright/test";
+
+export * from "@playwright/test";
+export { expect };
+
+type TestExtras = {};
+
+export const test = base.extend<
+  PlaywrightTestArgs &
+    PlaywrightTestOptions & {
+      page: Page & TestExtras;
+    }
+>({
+  //@ts-ignore
+  page: async ({ baseURL, page }, use, testInfo) => {
+    const testFilePath = testInfo.titlePath[0];
+
+    const fileName = testFilePath.replace(".spec.ts", "");
+
+    const url = `${baseURL}${fileName}`;
+
+    await page.goto(url);
+
+    await use(page);
+  },
+});

src/pages/index.tsx

@@ -13,6 +13,7 @@
     "jsx": "preserve",
     "incremental": true,
     "paths": {
+      "@testing": ["./test-fixtures"],
       "@/*": ["./src/*"]
     }
   },