Add playwright test

Seems to be an issue with nuxt3 at the moment within docker
https://github.com/nuxt/framework/issues/7828#issuecomment-1267694576

Author: Shard

docker-compose.yml

@@ -31,6 +31,9 @@ services:
   example-vue2:
     <<: *base
     command: yarn workspace example-vue2 run serve
+  example-nuxt:
+    <<: *base
+    command: yarn workspace example-nuxt run serve
 
   # Playwright task
   #

e2e/tests/userback.spec.ts

@@ -67,3 +67,18 @@ test('Userback Vue2 Widget loads and can be opened', async ({ page }) => {
     await expect(page.locator('img.userback-controls-logo')).toHaveCount(1);
     await expect(page.locator('text="Report a bug"')).toHaveCount(1);
 });
+
+test('Userback Nuxt Widget loads and can be opened', async ({ page }) => {
+    // Error Handling
+    page.on('pageerror', (err) => { console.error(err.message); });
+    page.on('console', (message) => { console.log(message); });
+
+    await page.goto('http://example-nuxt:3000/');
+
+    // Open the userback widget
+    await (await page.waitForSelector(FEEDBACK_BTN)).click();
+
+    // Check for pop-up content
+    await expect(page.locator('img.userback-controls-logo')).toHaveCount(1);
+    await expect(page.locator('text="Report a bug"')).toHaveCount(1);
+});

examples/nuxt/package.json

@@ -7,7 +7,9 @@
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
-    "postinstall": "nuxt prepare"
+    "postinstall": "nuxt prepare",
+    "serve": "yarn dev -H 0.0.0.0",
+    "serve2": "yarn build && nuxt generate && nuxt preview -H 0.0.0.0"
   },
   "dependencies": {
     "@userback/vue": "workspace:^",