add failing E2E test

package.json

@@ -51,6 +51,7 @@
     "author": "[email protected]",
     "license": "MIT",
     "devDependencies": {
+        "@playwright/test": "^1.38.1",
         "@rollup/plugin-commonjs": "^23.0.2",
         "@rollup/plugin-node-resolve": "^15.0.1",
         "documentation": "^13.2.5",
@@ -115,4 +116,4 @@
     "volta": {
         "node": "19.1.0"
     }
-}
+}

test/e2e/an-app/app.test.js

@@ -1,13 +1,42 @@
 import { createDirname } from '../../../lib/buildtime/utils.js'
-import { getExamplesPath, runViteDev } from '../../utils.js'
+import { runViteDev } from '../../utils.js'
+
+import { expect } from '@playwright/test'
+
 const __dirname = createDirname(import.meta)
 
 beforeAll(() => page.setDefaultTimeout(25000))
 
+const { kill, port } = await runViteDev(`${__dirname}/app`)
+
+afterAll(async () => {
+    await kill()
+})
+
 test('should see starter front page', async () => {
-    const { kill, port } = await runViteDev(`${__dirname}/app`)
     await page.goto(`http://localhost:${port}`)
-    const result = await page.waitForSelector('h1')
-    expect(result).toBeTruthy()
-    await kill()
+    await expect(page.getByText('Hello world')).toBeVisible()
+})
+
+test('should see default module', async () => {
+    await page.goto(`http://localhost:${port}/composition`)
+    await expect(page.getByText('Default module')).toBeVisible()
+})
+
+test('should see reset module', async () => {
+    await page.goto(`http://localhost:${port}/composition/reset`)
+    await expect(page.getByText('Default module')).not.toBeVisible()
+})
+
+test('should see prepended module', async () => {
+    await page.goto(`http://localhost:${port}/composition/prepend`)
+    await expect(page.getByText('Default module')).toBeVisible()
+    await expect(page.getByText('Custom module')).toBeVisible()
+})
+
+test('should see replaced module', async () => {
+    await page.goto(`http://localhost:${port}/composition/replace`)
+    await page.getByText('Hello world - composition')
+    await expect(page.getByText('Default module')).not.toBeVisible()
+    await expect(page.getByText('Custom module')).toBeVisible()
 })

test/e2e/an-app/app/package.json

@@ -7,7 +7,7 @@
         "dev": "vite"
     },
     "devDependencies": {
-        "@roxi/routify": "file:../../../../../..",
+        "@roxi/routify": "file:../../../..",
         "@sveltejs/vite-plugin-svelte": "^2.2.0",
         "mdsvex": "^0.9.3",
         "spank": "^2.0.0-12",

test/e2e/an-app/app/src/routes/composition/_module-custom.svelte

@@ -0,0 +1,4 @@
+<div>
+    <h2>Custom module</h2>
+    <slot />
+</div>

test/e2e/an-app/app/src/routes/composition/_module.svelte

@@ -0,0 +1,4 @@
+<div>
+    <h2>Default module</h2>
+    <slot />
+</div>

test/e2e/an-app/app/src/routes/composition/index.svelte

@@ -0,0 +1,3 @@
+<section class="hero">
+    <h1>Hello world - composition</h1>
+</section>

test/e2e/an-app/app/src/routes/composition/prepend@custom+.svelte

@@ -0,0 +1,3 @@
+<section class="hero">
+    <h1>Hello world - composition</h1>
+</section>

test/e2e/an-app/app/src/routes/composition/replace@custom.svelte

@@ -0,0 +1,3 @@
+<section class="hero">
+    <h1>Hello world - composition</h1>
+</section>

test/e2e/an-app/app/src/routes/composition/reset@.svelte

@@ -0,0 +1,3 @@
+<section class="hero">
+    <h1>Hello world - composition</h1>
+</section>