fcad-core-dragon 2.1.0 → 2.1.2

package/junit-report.xml

@@ -0,0 +1,182 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<testsuites name="vitest tests" tests="46" failures="0" errors="0" time="3.169429509">
+    <testsuite name="tests/unit/AppBaseButton.spec.js" timestamp="2025-12-03T20:05:11.487Z" hostname="SRV-Gitlab" tests="5" failures="0" errors="0" skipped="0" time="0.131117392">
+        <testcase classname="tests/unit/AppBaseButton.spec.js" name="AppBaseButton.vue &gt; It renders a button" time="0.05882012">
+        </testcase>
+        <testcase classname="tests/unit/AppBaseButton.spec.js" name="AppBaseButton.vue &gt; Button has the correct type" time="0.015720066">
+        </testcase>
+        <testcase classname="tests/unit/AppBaseButton.spec.js" name="AppBaseButton.vue &gt; Button render a correct state" time="0.020113937">
+        </testcase>
+        <testcase classname="tests/unit/AppBaseButton.spec.js" name="AppBaseButton.vue &gt; Renders slot content properly" time="0.02276366">
+        </testcase>
+        <testcase classname="tests/unit/AppBaseButton.spec.js" name="AppBaseButton.vue &gt; Emit event with value of the the $el when clicked" time="0.01187684">
+        </testcase>
+    </testsuite>
+    <testsuite name="tests/unit/AppCompInputCheckBoxNx.spec.js" timestamp="2025-12-03T20:05:11.489Z" hostname="SRV-Gitlab" tests="3" failures="0" errors="0" skipped="0" time="0.118534334">
+        <testcase classname="tests/unit/AppCompInputCheckBoxNx.spec.js" name="AppCompInputRadioNx.vue &gt; renders a list of 6 checkboxes" time="0.075774746">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputCheckBoxNx.spec.js" name="AppCompInputRadioNx.vue &gt; initially displays a single selected checkbox (checkbox #6 : cyan)" time="0.021754596">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputCheckBoxNx.spec.js" name="AppCompInputRadioNx.vue &gt; emits enable-submit and update:modelValue events on input change" time="0.019506127">
+        </testcase>
+    </testsuite>
+    <testsuite name="tests/unit/AppCompInputDropdownNx.spec.js" timestamp="2025-12-03T20:05:11.490Z" hostname="SRV-Gitlab" tests="4" failures="0" errors="0" skipped="0" time="0.467758792">
+        <testcase classname="tests/unit/AppCompInputDropdownNx.spec.js" name="AppCompInputDropdownNx.vue &gt; renders a list of vuetify v-select components" time="0.214814467">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputDropdownNx.spec.js" name="AppCompInputDropdownNx.vue &gt; displays the right labels" time="0.084565078">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputDropdownNx.spec.js" name="AppCompInputDropdownNx.vue &gt; has the right initial data to display (modelValue prop)" time="0.106591392">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputDropdownNx.spec.js" name="AppCompInputDropdownNx.vue &gt; emits enable-submit and update:modelValue events on input change" time="0.06009774">
+        </testcase>
+    </testsuite>
+    <testsuite name="tests/unit/AppCompInputRadioNx.spec.js" timestamp="2025-12-03T20:05:11.491Z" hostname="SRV-Gitlab" tests="3" failures="0" errors="0" skipped="0" time="0.147644103">
+        <testcase classname="tests/unit/AppCompInputRadioNx.spec.js" name="AppCompInputRadioNx.vue &gt; renders a list of 6 radio buttons" time="0.083020241">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputRadioNx.spec.js" name="AppCompInputRadioNx.vue &gt; has the id A02_P02_Q4" time="0.035284597">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputRadioNx.spec.js" name="AppCompInputRadioNx.vue &gt; emits enable-submit and update:modelValue events on input change" time="0.027748826">
+        </testcase>
+    </testsuite>
+    <testsuite name="tests/unit/AppCompInputTextNx.spec.js" timestamp="2025-12-03T20:05:11.492Z" hostname="SRV-Gitlab" tests="5" failures="0" errors="0" skipped="0" time="0.185895362">
+        <testcase classname="tests/unit/AppCompInputTextNx.spec.js" name="AppCompInputTextNx.vue &gt; renders a vuetify textarea component" time="0.097669644">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputTextNx.spec.js" name="AppCompInputTextNx.vue &gt; contains placeholder text &quot;Écrivez ici.&quot;" time="0.026554837">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputTextNx.spec.js" name="AppCompInputTextNx.vue &gt; has the id textArea_A02_P02_Q4" time="0.024371271">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputTextNx.spec.js" name="AppCompInputTextNx.vue &gt; accepts some input text" time="0.019585788">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputTextNx.spec.js" name="AppCompInputTextNx.vue &gt; emits enable-submit and update:modelValue events on input change" time="0.016004427">
+        </testcase>
+    </testsuite>
+    <testsuite name="tests/unit/AppCompInputTextTableNx.spec.js" timestamp="2025-12-03T20:05:11.493Z" hostname="SRV-Gitlab" tests="5" failures="0" errors="0" skipped="0" time="0.614624008">
+        <testcase classname="tests/unit/AppCompInputTextTableNx.spec.js" name="AppCompInputTextTableNx.vue &gt; renders a list of vuetify v-text-field" time="0.216719223">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputTextTableNx.spec.js" name="AppCompInputTextTableNx.vue &gt; displays a list of labels according to props received" time="0.141385495">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputTextTableNx.spec.js" name="AppCompInputTextTableNx.vue &gt; displays the user saved answers" time="0.086800567">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputTextTableNx.spec.js" name="AppCompInputTextTableNx.vue &gt; accepts some input text" time="0.084986931">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputTextTableNx.spec.js" name="AppCompInputTextTableNx.vue &gt; emits enable-submit and update:modelValue events on input change" time="0.082963249">
+        </testcase>
+    </testsuite>
+    <testsuite name="tests/unit/AppCompInputTextToFillDropdownNx.spec.js" timestamp="2025-12-03T20:05:11.494Z" hostname="SRV-Gitlab" tests="3" failures="0" errors="0" skipped="0" time="0.66867566">
+        <testcase classname="tests/unit/AppCompInputTextToFillDropdownNx.spec.js" name="AppCompInputTextToFillDropdownNx.vue &gt; renders a list of vuetify v-select components" time="0.265334782">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputTextToFillDropdownNx.spec.js" name="AppCompInputTextToFillDropdownNx.vue &gt; has the right initial data to display (modelValue prop)" time="0.248612194">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputTextToFillDropdownNx.spec.js" name="AppCompInputTextToFillDropdownNx.vue &gt; emits enable-submit and update:modelValue events on input change" time="0.153249249">
+        </testcase>
+    </testsuite>
+    <testsuite name="tests/unit/AppCompInputTextToFillNx.spec.js" timestamp="2025-12-03T20:05:11.495Z" hostname="SRV-Gitlab" tests="4" failures="0" errors="0" skipped="0" time="0.542162683">
+        <testcase classname="tests/unit/AppCompInputTextToFillNx.spec.js" name="AppCompInputTextToFillNx.vue &gt; renders a paragraph with multiple vuetify v-text-field" time="0.266254499">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputTextToFillNx.spec.js" name="AppCompInputTextToFillNx.vue &gt; displays the user saved answers" time="0.105401228">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputTextToFillNx.spec.js" name="AppCompInputTextToFillNx.vue &gt; accepts some input text" time="0.093048312">
+        </testcase>
+        <testcase classname="tests/unit/AppCompInputTextToFillNx.spec.js" name="AppCompInputTextToFillNx.vue &gt; emits enable-submit and update:modelValue events on input change" time="0.07593334">
+        </testcase>
+    </testsuite>
+    <testsuite name="tests/unit/AppCompQuizNext.spec.js" timestamp="2025-12-03T20:05:11.496Z" hostname="SRV-Gitlab" tests="1" failures="0" errors="0" skipped="0" time="0.127558291">
+        <testcase classname="tests/unit/AppCompQuizNext.spec.js" name="AppCompQuizNext &gt; rend un input radio si la question est de type choix_unique" time="0.125999081">
+        </testcase>
+    </testsuite>
+    <testsuite name="tests/unit/AppCompVideoPlayer.spec.js" timestamp="2025-12-03T20:05:11.496Z" hostname="SRV-Gitlab" tests="4" failures="0" errors="0" skipped="0" time="0.150221064">
+        <testcase classname="tests/unit/AppCompVideoPlayer.spec.js" name="AppCompVideoPlayer &gt; Validate received props" time="0.079283338">
+            <system-err>
+[Vue warn]: Failed to resolve component: app-base-error-display
+If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 
+  at &lt;AppCompVideoPlayer vidData= {
+  id: [32m&apos;vid1&apos;[39m,
+  mSources: [ { type: [32m&apos;mp4&apos;[39m, src: [32m&apos;exemple_video.mp4&apos;[39m } ],
+  mSubtitles: [
+    { label: [32m&apos;Français&apos;[39m, src: [32m&apos;exemple_soustitres.vtt&apos;[39m, srclang: [32m&apos;fr&apos;[39m }
+  ],
+  mPoster: [32m&apos;video_poster.jpg&apos;[39m,
+  mTranscript: [32m&apos;exemple_transcript.html&apos;[39m
+} ref=&quot;VTU_COMPONENT&quot; &gt; 
+  at &lt;VTUROOT&gt;
+[Vue warn]: Property &quot;$pinia&quot; was accessed during render but is not defined on instance. 
+  at &lt;AppCompVideoPlayer vidData= {
+  id: [32m&apos;vid1&apos;[39m,
+  mSources: [ { type: [32m&apos;mp4&apos;[39m, src: [32m&apos;exemple_video.mp4&apos;[39m } ],
+  mSubtitles: [
+    { label: [32m&apos;Français&apos;[39m, src: [32m&apos;exemple_soustitres.vtt&apos;[39m, srclang: [32m&apos;fr&apos;[39m }
+  ],
+  mPoster: [32m&apos;video_poster.jpg&apos;[39m,
+  mTranscript: [32m&apos;exemple_transcript.html&apos;[39m
+} ref=&quot;VTU_COMPONENT&quot; &gt; 
+  at &lt;VTUROOT&gt;
+
+[Vue warn]: Failed to resolve component: app-base-error-display
+If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 
+  at &lt;AppCompVideoPlayer vidData= {
+  id: [32m&apos;vid1&apos;[39m,
+  mSources: [ { type: [32m&apos;mp4&apos;[39m, src: [32m&apos;exemple_video.mp4&apos;[39m } ],
+  mSubtitles: [
+    { label: [32m&apos;Français&apos;[39m, src: [32m&apos;exemple_soustitres.vtt&apos;[39m, srclang: [32m&apos;fr&apos;[39m }
+  ],
+  mPoster: [32m&apos;video_poster.jpg&apos;[39m,
+  mTranscript: [32m&apos;exemple_transcript.html&apos;[39m
+} ref=&quot;VTU_COMPONENT&quot; &gt; 
+  at &lt;VTUROOT&gt;
+
+            </system-err>
+        </testcase>
+        <testcase classname="tests/unit/AppCompVideoPlayer.spec.js" name="AppCompVideoPlayer &gt; renders ErrorDisplay When validator returns errors" time="0.040805915">
+            <system-err>
+[Vue warn]: Invalid prop: custom validator check failed for prop &quot;vidData&quot;. 
+  at &lt;AppCompVideoPlayer vidData= { id: [1mnull[22m } ref=&quot;VTU_COMPONENT&quot; &gt; 
+  at &lt;VTUROOT&gt;
+
+            </system-err>
+        </testcase>
+        <testcase classname="tests/unit/AppCompVideoPlayer.spec.js" name="AppCompVideoPlayer &gt; It renders HTML video Element" time="0.013200088">
+            <system-err>
+[Vue warn]: Property &quot;$pinia&quot; was accessed during render but is not defined on instance. 
+  at &lt;AppCompVideoPlayer vidData= { id: [1mnull[22m } ref=&quot;VTU_COMPONENT&quot; &gt; 
+  at &lt;VTUROOT&gt;
+
+            </system-err>
+        </testcase>
+        <testcase classname="tests/unit/AppCompVideoPlayer.spec.js" name="AppCompVideoPlayer &gt; Video Element has correct sources" time="0.014878878">
+            <system-err>
+[Vue warn]: Property &quot;$pinia&quot; was accessed during render but is not defined on instance. 
+  at &lt;AppCompVideoPlayer vidData= {
+  id: [32m&apos;vid1&apos;[39m,
+  mSources: [ { type: [32m&apos;mp4&apos;[39m, src: [32m&apos;exemple_video.mp4&apos;[39m } ],
+  mSubtitles: [
+    { label: [32m&apos;Français&apos;[39m, src: [32m&apos;exemple_soustitres.vtt&apos;[39m, srclang: [32m&apos;fr&apos;[39m }
+  ],
+  mPoster: [32m&apos;video_poster.jpg&apos;[39m,
+  mTranscript: [32m&apos;exemple_transcript.html&apos;[39m
+} ref=&quot;VTU_COMPONENT&quot; &gt; 
+  at &lt;VTUROOT&gt;
+
+            </system-err>
+        </testcase>
+    </testsuite>
+    <testsuite name="tests/unit/useTimer.spec.js" timestamp="2025-12-03T20:05:11.498Z" hostname="SRV-Gitlab" tests="9" failures="0" errors="0" skipped="0" time="0.01523782">
+        <testcase classname="tests/unit/useTimer.spec.js" name="Timer class &gt; should create a Timer instance with a unique ID" time="0.004283024">
+        </testcase>
+        <testcase classname="tests/unit/useTimer.spec.js" name="Timer class &gt; should return a timer instance by it ID" time="0.001041552">
+        </testcase>
+        <testcase classname="tests/unit/useTimer.spec.js" name="Timer class &gt; should throw error when a timer instance doesn`t exist" time="0.001328963">
+        </testcase>
+        <testcase classname="tests/unit/useTimer.spec.js" name="Timer class &gt; should initialize timer at 0 seconds" time="0.000432473">
+        </testcase>
+        <testcase classname="tests/unit/useTimer.spec.js" name="Timer class &gt; should start the timer and increment time every second" time="0.001382178">
+        </testcase>
+        <testcase classname="tests/unit/useTimer.spec.js" name="Timer class &gt; should display time in correct format when converting to ISOformats" time="0.003260798">
+        </testcase>
+        <testcase classname="tests/unit/useTimer.spec.js" name="Timer class &gt; should pause the timer" time="0.000603134">
+        </testcase>
+        <testcase classname="tests/unit/useTimer.spec.js" name="Timer class &gt; should reset the timer to 0 when timer stops" time="0.000482659">
+        </testcase>
+        <testcase classname="tests/unit/useTimer.spec.js" name="Timer class &gt; should destroy timer" time="0.000666707">
+        </testcase>
+    </testsuite>
+</testsuites>

package/package.json

@@ -1,59 +1,66 @@
-{
-  "name": "fcad-core-dragon",
-  "version": "2.1.0",
-  "private": false,
-  "type": "module",
-  "main": "./src/main.js",
-  "scripts": {
-    "build": "vite build",
-    "dev": "vite",
-    "docs:build": "vitepress build documentation",
-    "docs:dev": "vitepress dev documentation",
-    "docs:preview": "vitepress preview documentation",
-    "lintfix": "eslint --fix src",
-    "lintreport": "eslint ./src",
-    "preview": "vite preview",
-    "reset": "rm -rf ./node_modules package-lock.json .cache dist && npm i && npm run watch",
-    "test:unit": "vitest",
-    "vue": "vue",
-    "watch": "nodemon -e js,vue,html,json -x yalc publish --push",
-    "format": "prettier --write src/"
-  },
-  "config": {
-    "projname": ""
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ],
-  "dependencies": {
-    "axios": "^1.6.8",
-    "gsap": "^3.12.5",
-    "idb": "^8.0.0",
-    "mobile-detect": "^1.4.5",
-    "pinia": "^3.0.3",
-    "tiny-emitter": "^2.1.0",
-    "vue-safe-teleport": "^0.1.2"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.38.0",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vue/eslint-config-prettier": "^10.2.0",
-    "@vue/test-utils": "^2.4.6",
-    "eslint": "^9.38.0",
-    "eslint-plugin-cypress": "^5.1.0",
-    "eslint-plugin-vue": "~10.3.0",
-    "globals": "^16.4.0",
-    "jsdom": "^25.0.1",
-    "nodemon": "^3.1.0",
-    "prettier": "^3.6.2",
-    "sass-embedded": "^1.91.0",
-    "vitepress": "^1.6.3",
-    "vitest": "^3.2.4",
-    "vue-router": "^4.4.5"
-  },
-  "engines": {
-    "node": ">0.11.9"
-  }
-}
+{
+  "name": "fcad-core-dragon",
+  "version": "2.1.2",
+  "private": false,
+  "type": "module",
+  "main": "./src/main.js",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite",
+    "docs:build": "vitepress build documentation",
+    "docs:dev": "vitepress dev documentation",
+    "docs:preview": "vitepress preview documentation",
+    "lintfix": "eslint --fix src",
+    "lintreport": "eslint ./src",
+    "preview": "vite preview",
+    "reset": "rm -rf ./node_modules package-lock.json .cache dist && npm i && npm run watch",
+    "test:unit": "vitest",
+    "vue": "vue",
+    "watch": "nodemon -e js,vue,html,json -x yalc publish --push",
+    "format": "prettier --write src/",
+    "test-ct": "playwright test -c playwright-ct.config.js"
+  },
+  "config": {
+    "projname": ""
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ],
+  "dependencies": {
+    "axios": "^1.6.8",
+    "gsap": "^3.12.5",
+    "idb": "^8.0.0",
+    "mobile-detect": "^1.4.5",
+    "pinia": "^3.0.3",
+    "tiny-emitter": "^2.1.0",
+    "vue-safe-teleport": "^0.1.2"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.38.0",
+    "@pinia/testing": "^1.0.3",
+    "@playwright/experimental-ct-vue": "^1.56.1",
+    "@playwright/test": "^1.56.1",
+    "@types/node": "^24.10.0",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/test-utils": "^2.4.6",
+    "eslint": "^9.38.0",
+    "eslint-plugin-cypress": "^5.1.0",
+    "eslint-plugin-vue": "~10.3.0",
+    "globals": "^16.4.0",
+    "jsdom": "^25.0.1",
+    "nodemon": "^3.1.0",
+    "prettier": "^3.6.2",
+    "sass-embedded": "^1.91.0",
+    "vitepress": "^1.6.3",
+    "vitest": "^3.2.4",
+    "vue-i18n": "^11.1.12",
+    "vue-router": "^4.4.5",
+    "vuetify": "^3.10.10"
+  },
+  "engines": {
+    "node": ">0.11.9"
+  }
+}

package/playwright/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Testing Page</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./index.js"></script>
+  </body>
+</html>

package/playwright/index.js

@@ -0,0 +1,21 @@
+// Import styles, initialize component theme here.
+//import '../src/sass/main.scss'
+import { beforeMount } from '@playwright/experimental-ct-vue/hooks'
+import { createTestingPinia } from '@pinia/testing'
+// import { StoreState } from 'pinia'
+// import { useAppStore } from '../src/module/stores/appStore.js'
+
+beforeMount(async ({ hooksConfig }) => {
+  createTestingPinia({
+    initialState: hooksConfig?.store,
+    /**
+     * Use HTTP intercepting to mock API calls instead:
+     * https://playwright.dev/docs/mock#mock-api-requests
+     */
+    stubActions: false,
+    createSpy(args) {
+      console.log('spy', args)
+      return () => console.log('spy-returns')
+    }
+  })
+})

package/playwright-ct.config.js

@@ -0,0 +1,95 @@
+// @ts-check
+import { defineConfig, devices } from '@playwright/experimental-ct-vue'
+import { mergeConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import path from 'path'
+import fs from 'fs'
+import { pathToFileURL } from 'url'
+import { fileURLToPath } from 'url'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+//===================================================
+// Load base Vite config
+const viteConfigPath = process.env.VITE_CONFIG_PATH
+  ? path.resolve(process.env.VITE_CONFIG_PATH)
+  : path.resolve(
+      path.dirname(import.meta.url.replace('file:///', '')),
+      'vite.config.js'
+    )
+
+// if (!fs.existsSync(viteConfigPath)) {
+//   throw new Error(`vite.config.js introuvable à ${viteConfigPath}`)
+// }
+
+const viteConfig = !fs.existsSync(viteConfigPath)
+  ? {}
+  : (await import(pathToFileURL(viteConfigPath).href)).default
+//===================================================
+
+/**
+ * @see https://playwright.dev/docs/test-configuration
+ */
+export default defineConfig({
+  testDir: './tests/component',
+  testMatch: ['**/*.spec.js'],
+  /* The base directory, relative to the config file, for snapshot files created with toMatchSnapshot and toHaveScreenshot. */
+  snapshotDir: './__snapshots__',
+  /* Maximum time one test can run for. */
+  timeout: 30 * 1000,
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: [
+    ['line'],
+    ['junit', { outputFile: 'results.xml' }],
+    ['html', { outputFolder: 'playwright-report', open: 'never' }]
+  ],
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+
+    /* Port to use for Playwright component endpoint. */
+    ctPort: 3100,
+    headless: true
+  },
+  ctViteConfig: {
+    plugins: [vue()],
+    optimizeDeps: { include: ['vue', 'pinia', 'vue-router'] },
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, './src')
+      }
+    }
+  },
+  expect: {
+    /**
+     * Maximum time expect() should wait for the condition to be met.
+     * For example in `await expect(locator).toHaveText();`
+     */
+    timeout: 10000
+  },
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] }
+    },
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] }
+    },
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] }
+    }
+  ]
+})