Try run e2e on ci

.gitlab-ci.yml

 stages:
   - build
   - test
+  - e2e
 
 build app:
   stage: build
@@ -8,7 +9,6 @@ build app:
   script:
     - npm ci
     - npm run build
-    - echo "ENV URL $CI_ENVIRONMENT_URL"
   artifacts:
     paths:
       - build
@@ -20,3 +20,23 @@ unit tests:
     - npm ci
     - npm run test:unit
 
+# https://playwright.dev/docs/ci#gitlab-ci
+e2e tests:
+  stage: e2e
+  image: mcr.microsoft.com/playwright:v1.29.0-focal
+  before_script:
+    - cd e2e
+    - npm i # todo: cache from build?
+    - npx playwright install
+  script:
+    - npm run test:e2e
+  cache:
+    key: ${CI_COMMIT_REF_SLUG}-e2e
+    paths:
+      - node_modules
+  artifacts:
+    when: always # on_failure
+    paths:
+      - out/report      
+    reports:
+      junit: results.xml

e2e/vue.spec.ts

@@ -4,5 +4,5 @@ import { test, expect } from "@playwright/test";
 // https://playwright.dev/docs/intro
 test("visits the app root url", async ({ page }) => {
   await page.goto("/");
-  await expect(page.locator("#app > div > main")).toHaveText("This is a Vvue playground.");
+  await expect(page.locator("#app > div > main")).toHaveText("This is a Vue playground.");
 });

src/components/__tests__/HelloWorld.spec.ts

@@ -6,6 +6,6 @@ import HelloWorld from "../HelloWorld.vue";
 describe("HelloWorld", () => {
   it("renders properly", () => {
     const wrapper = mount(HelloWorld, { props: { msg: "Hello Vitest" } });
-    expect(wrapper.text()).toContain("Hello Viteest");
+    expect(wrapper.text()).toContain("Hello Vitest");
   });
 });