P423:[{"_438":35,"_439":39,"_440":441},"app1","app2","diffPatch","diff --git a/app/routes/_marketing+/index.tsx b/app/routes/_marketing+/index.tsx\nindex 3e22673..ebbb7a9 100644\n--- a/app/routes/_marketing+/index.tsx\n+++ b/app/routes/_marketing+/index.tsx\n@@ -34,7 +34,7 @@ export default function Index() {\n \t\t\t\t

\n \t\t\t\t\t\n \t\t\t\t\t\t\n \t\t\t\t\t\n \t\t\t\t\t\tThe Epic Stack\n \t\t\t\t\t\n \t\t\t\t\t\n \t\t\t\t\t\tCheck the{' '}\n \t\t\t\t\t\t\ndiff --git a/package.json b/package.json\nindex 1c7f443..24ced21 100644\n--- a/package.json\n+++ b/package.json\n@@ -1,5 +1,5 @@\n {\n- \"name\": \"exercises_01.fundamentals_02.solution.running-the-app\",\n+ \"name\": \"exercises_01.fundamentals_03.problem.custom-fixtures\",\n \"private\": true,\n \"sideEffects\": false,\n \"type\": \"module\",\n@@ -145,6 +145,7 @@\n \"jsdom\": \"^25.0.1\",\n \"msw\": \"^2.7.6\",\n \"npm-run-all\": \"^4.1.5\",\n+ \"playwright-persona\": \"^0.2.5\",\n \"prettier\": \"^3.5.3\",\n \"prettier-plugin-sql\": \"^0.19.0\",\n \"prettier-plugin-tailwindcss\": \"^0.6.11\",\ndiff --git a/tests/e2e/homepage.test.ts b/tests/e2e/homepage.test.ts\nindex 8700146..9da0e49 100644\n--- a/tests/e2e/homepage.test.ts\n+++ b/tests/e2e/homepage.test.ts\n@@ -1,6 +1,16 @@\n+// 💣 Remove this import.\n+// You will be using your custom `test` and `expect` functions.\n import { test, expect } from '@playwright/test'\n \n-test('displays the welcome heading', async ({ page }) => {\n+// 🐨 Import `test` and `expect` from the \"#tests/test-extend.ts\" module.\n+// 💰 import { this, that } from 'somewhere'\n+\n+test('displays the welcome heading', async ({\n+\t// 🐨 Import the newly created `navigate` fixture from the test context.\n+\tpage,\n+}) => {\n+\t// 🐨 Replace the `page.goto()` call with `navigate()`.\n+\t// Explore the path argument to `navigate()`. See how it provides route suggestions?\n \tawait page.goto('/')\n \n \tawait expect(\ndiff --git a/tests/test-extend.ts b/tests/test-extend.ts\nnew file mode 100644\nindex 0000000..6694512\n--- /dev/null\n+++ b/tests/test-extend.ts\n@@ -0,0 +1,37 @@\n+// 🐨 Import `test` and `expect` from the \"@playwright/test\" package.\n+// Alias the `test` import as `testBase`, you will need it in the future.\n+// 💰 import { this as that, another } from 'package'\n+//\n+// 🐨 Import `href` and `type Register` from \"react-router\".\n+// 💰 import { this, typeof that } from 'package'\n+//\n+// 🐨 Declare a new interface called \"Fixtures\".\n+// In that interface, declare a \"navigate\" function with the following type:\n+// 💰 navigate: (...args: Parameters>) => Promise\n+// 💰 interface Fixtures {}\n+//\n+// 🐨 Declare and export a new variable called \"test\".\n+// Assign it the result of calling `testBase.extend()`.\n+// Provide the `Fixtures` interface as a type argument to the `testBase.extend()` call.\n+// 💰 export const test = value\n+// 💰 testBase.extend()\n+//\n+// 🐨 Provide an object as the first argument to the `testBase.extend()`.\n+// In that object, declare an asynchronous function called \"navigate\"\n+// with the following call signature:\n+// 💰 { async navigate({ page }, use) {} }\n+//\n+// 🐨 Inside the `navigate` function, call and await the `use()` function.\n+// 💰 await use()\n+//\n+// 📜 The `use()` function expects the implementation of your custom fixture.\n+// Whatever you provide it as an argument will be exposed as the value of \"navigate\"\n+// in your tests.\n+// 🐨 Provide the implementation of the fixture as the first argument to the\n+// `use()` function. The fixture must do the following:\n+// - Get the arguments past by it as \"...args\";\n+// - Call `page.goto()` and await that call.\n+// - Pass `href(...args)` as the argument to `page.goto()`.\n+//\n+// 🐨 Finally, export the `expect` function from this module.\n+// 💰 export { something }"]

app/routes/_marketing+/index.tsx-27+27App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

package.json-11+12App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

tests/e2e/homepage.test.ts-6+16App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

tests/test-extend.ts-0+37App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_marketing+/index.tsx-27+27App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

package.json-11+12App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

tests/e2e/homepage.test.ts-6+16App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

tests/test-extend.ts-0+37App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2