Add ci initial configuration

.gitlab-ci.yml

+stages:
+  - build
+  - test
+
+build app:
+  stage: build
+  image: node:16-alpine
+  script:
+    - npm ci
+    - npm run build
+    - echo "ENV URL $CI_ENVIRONMENT_URL"
+  artifacts:
+    paths:
+      - build
+
+unit tests:
+  stage: test
+  image: node:16-alpine
+  script:
+    - npm ci
+    - npm run test
+

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("div.greetings > h1")).toHaveText("You did it!");
+  await expect(page.locator("#app > div > main")).toHaveText("This is a Vvue playground.");
 });

playwright.config.ts

@@ -34,7 +34,7 @@ const config: PlaywrightTestConfig = {
     /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
     actionTimeout: 0,
     /* Base URL to use in actions like `await page.goto('/')`. */
-    baseURL: "http://localhost:5173",
+    baseURL: process.env.CI_ENVIRONMENT_URL || "http://localhost:5173",
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: "on-first-retry",