Revert "ofava/vidsol-291-header"

This reverts commit c08275d.

ofava/vidsol-291-header Revert de49b37

Author: johnny-quesada-developer

.github/ISSUE_TEMPLATE/1-bug-report.yml

@@ -46,6 +46,7 @@ body:
         - Chrome
         - Firefox
         - Microsoft Edge
+        - Opera
         - Safari
         - Electron
 

.github/workflows/run-tests.yml

@@ -74,6 +74,17 @@ jobs:
           /opt/firefox/firefox --version
           echo "Firefox latest downloaded and installed"
 
+      - name: Install opera latest
+        run: |
+          sudo mkdir -p /etc/apt/keyrings
+          curl -fsSL https://deb.opera.com/archive.key | gpg --dearmor | sudo tee /etc/apt/keyrings/opera.gpg > /dev/null
+          echo "deb [signed-by=/etc/apt/keyrings/opera.gpg] https://deb.opera.com/opera-stable/ stable non-free" | \
+            sudo tee /etc/apt/sources.list.d/opera-stable.list > /dev/null
+          sudo apt-get update
+          sudo apt-get install opera-stable -y
+          echo "Check opera version"
+          /usr/bin/opera --version
+
       - name: Setup node
         if: steps.check-skip-ci.outputs.result == 'false'
         uses: actions/setup-node@v4

.github/workflows/update-screenshots.yml

@@ -72,6 +72,16 @@ jobs:
           echo "Check firefox version"
           /opt/firefox/firefox --version
           echo "Firefox latest downloaded and installed"
+      - name: install opera latest
+        if: steps.check-update-screenshots.outputs.result == 'true'
+        run: |
+          sudo add-apt-repository 'deb https://deb.opera.com/opera-stable/ stable non-free'
+          wget -qO- https://deb.opera.com/archive.key | sudo apt-key add -
+          sudo apt-get update
+          sudo apt-get install opera-stable -y
+          echo "Check opera version"
+          /usr/bin/opera --version
+          echo "Opera latest downloaded and installed"
 
       - name: Checkout
         if: steps.check-update-screenshots.outputs.result == 'true'

eslint.config.mjs

@@ -258,16 +258,6 @@ export default [
     rules: {
       // unit test usually need to mock before importing to make the mocking work
       'import/first': 'off',
-      'no-restricted-properties': [
-        'warn',
-        { object: 'it', property: 'only', message: 'Remove .only from tests before committing!' },
-        {
-          object: 'describe',
-          property: 'only',
-          message: 'Remove .only from tests before committing!',
-        },
-        { object: 'test', property: 'only', message: 'Remove .only from tests before committing!' },
-      ],
     },
   },
 ];

integration-tests/fixtures/testWithLogging.ts

@@ -52,6 +52,17 @@ const test = (() => {
     });
   }
 
+  if (projectType === 'Opera') {
+    return baseTest.extend({
+      page: async ({ context }, use) => {
+        const page = await context.newPage();
+        const loggedPage = addLogger(page, context);
+        await use(loggedPage);
+        await page.close();
+      },
+    });
+  }
+
   return baseTest.extend({
     page: async ({ page, context }, use) => {
       const loggedPage = addLogger(page, context);

integration-tests/globalSetup.js

@@ -1,8 +1,34 @@
 /* eslint-disable @typescript-eslint/no-require-imports */
+const { chromium } = require('@playwright/test');
+const path = require('path');
+const { exec } = require('child_process');
 const startElectronApp = require('./electronHelper');
 
 module.exports = async () => {
+  const isOperaProject = process.argv.some((arg) => arg.includes('--project=Opera'));
   const isElectronProject = process.argv.some((arg) => arg.includes('--project=Electron'));
+  const isMac = process.platform === 'darwin';
+  const executablePath = isMac ? '/Applications/Opera.app/Contents/MacOS/Opera' : '/usr/bin/opera';
+  if (isOperaProject) {
+    const projectType = process.env.PROJECT_TYPE || 'Opera';
+    process.env.PROJECT_TYPE = projectType;
+    const operaPath = path.resolve(executablePath);
+
+    exec(`${operaPath} --remote-debugging-port=9222`, (err) => {
+      if (err) {
+        console.error(`Error starting Opera: ${err}`);
+      }
+    });
+
+    await new Promise((resolve) => setTimeout(resolve, 3000));
+
+    try {
+      const browser = await chromium.connectOverCDP('http://127.0.0.1:9222');
+      global.browser = browser;
+    } catch (error) {
+      console.error('Error connecting to Opera:', error);
+    }
+  }
 
   if (isElectronProject) {
     const projectType = process.env.PROJECT_TYPE || 'Electron';

integration-tests/playwright.config.ts

@@ -17,6 +17,10 @@ const chromiumFlags = [
 const width = 1512;
 const height = 824;
 
+const isMac = process.platform === 'darwin';
+
+const executablePath = isMac ? '/Applications/Opera.app/Contents/MacOS/Opera' : '/usr/bin/opera';
+
 const fakeDeviceChromiumFlags = [
   ...chromiumFlags,
   '--headless=new',
@@ -53,7 +57,9 @@ export default defineConfig({
         ...devices['Desktop Chrome'],
         viewport: { width, height },
         channel: 'chrome',
-        launchOptions: { args: chromiumFlags },
+        launchOptions: {
+          args: chromiumFlags,
+        },
       },
     },
     {
@@ -62,7 +68,9 @@ export default defineConfig({
         ...devices['Desktop Chrome'],
         viewport: { width, height },
         channel: 'chrome',
-        launchOptions: { args: fakeDeviceChromiumFlags },
+        launchOptions: {
+          args: fakeDeviceChromiumFlags,
+        },
       },
     },
     {
@@ -98,15 +106,28 @@ export default defineConfig({
         ...devices['Desktop Edge'],
         viewport: { width, height },
         channel: 'msedge',
-        launchOptions: { args: fakeDeviceChromiumFlags },
+        launchOptions: {
+          args: fakeDeviceChromiumFlags,
+        },
       },
     },
     {
       name: 'Mobile Chrome',
       use: {
         ...devices['Pixel 5'],
-        launchOptions: { args: fakeDeviceChromiumFlags },
-        viewport: { width: 393, height: 851 },
+        launchOptions: {
+          args: fakeDeviceChromiumFlags,
+        },
+      },
+    },
+    {
+      name: 'Opera',
+      use: {
+        viewport: { width, height },
+        launchOptions: {
+          args: fakeDeviceChromiumFlags,
+          executablePath,
+        },
       },
     },
     {
@@ -115,7 +136,9 @@ export default defineConfig({
         launchOptions: {
           args: ['--use-fake-device-for-media-stream', '--use-fake-ui-for-media-stream'],
         },
-        contextOptions: { viewport: { width, height } },
+        contextOptions: {
+          viewport: { width, height },
+        },
       },
     },
   ],

integration-tests/project.json

@@ -9,15 +9,15 @@
       "executor": "nx:run-commands",
       "options": {
         "cwd": "integration-tests",
-        "command": "playwright test --project='Google Chrome Fake Devices' --project=firefox --project='Microsoft Edge' --project='Mobile Chrome' --project='Electron'"
+        "command": "playwright test --project='Google Chrome Fake Devices' --project=firefox --project='Opera' --project='Microsoft Edge' --project='Mobile Chrome' --project='Electron'"
       }
     },
     "updateScreenshots": {
       "executor": "nx:run-commands",
       "cache": false,
       "options": {
         "cwd": "integration-tests",
-        "command": "playwright test --project='Google Chrome Fake Devices' --project=firefox --project='Microsoft Edge' --project='Mobile Chrome' --project='Electron' --update-snapshots"
+        "command": "playwright test --project='Google Chrome Fake Devices' --project=firefox --project='Opera' --project='Microsoft Edge' --project='Mobile Chrome' --project='Electron' --update-snapshots"
       }
     },
     "updateScreenshots:": {
@@ -28,12 +28,15 @@
       "options": {
         "cwd": "integration-tests",
         "description": "Update snapshots only for one Playwright test file",
-        "command": "playwright test {args._} --project='Google Chrome Fake Devices' --project=firefox --project='Microsoft Edge' --project='Mobile Chrome' --project='Electron' --update-snapshots"
+        "command": "playwright test {args._} --project='Google Chrome Fake Devices' --project=firefox --project='Opera' --project='Microsoft Edge' --project='Mobile Chrome' --project='Electron' --update-snapshots"
       }
     },
     "postinstall": {
       "executor": "nx:run-commands",
-      "options": { "cwd": "integration-tests", "command": "playwright install" }
+      "options": {
+        "cwd": "integration-tests",
+        "command": "playwright install"
+      }
     },
     "ts-check": {
       "executor": "nx:run-commands",
@@ -55,7 +58,7 @@
       "options": {
         "cwd": "integration-tests",
         "description": "Run playwright tests in a specific file",
-        "command": "playwright test {args._} --project='Google Chrome Fake Devices' --project=firefox --project='Microsoft Edge' --project='Mobile Chrome' --project='Electron'"
+        "command": "playwright test {args._} --project='Google Chrome Fake Devices' --project=firefox --project='Opera' --project='Microsoft Edge' --project='Mobile Chrome' --project='Electron'"
       }
     }
   },

libs/ui/vite.config.ts

@@ -11,7 +11,11 @@ export default defineConfig(() => ({
     react(),
     dts({ entryRoot: 'src', tsconfigPath: path.join(__dirname, 'tsconfig.lib.json') }),
   ],
-  resolve: { alias: { '@ui': path.resolve(__dirname, './src') } },
+  resolve: {
+    alias: {
+      '@ui': path.resolve(__dirname, './src'),
+    },
+  },
   // Uncomment this if you are using workers.
   // worker: {
   //  plugins: [ nxViteTsPaths() ],
@@ -38,11 +42,13 @@ export default defineConfig(() => ({
     },
   },
   test: {
+    name: 'ui',
+    watch: false,
     globals: true,
     environment: 'jsdom',
     setupFiles: './test/setup.ts',
-    css: true,
-    server: { deps: { fallbackCJS: true, inline: ['cliui', 'yargs', 'wrap-ansi'] } },
-    coverage: { provider: 'v8' as const, reporter: ['text', 'lcov'] },
+    include: ['{src,tests}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    reporters: ['default'],
+    coverage: { reportsDirectory: './test-output/vitest/coverage', provider: 'v8' as const },
   },
 }));

sonar-project.properties

@@ -14,6 +14,6 @@ sonar.sourceEncoding=UTF-8
 sonar.exclusions=**/*.spec.tsx,**/*.spec.ts,**/*.test.ts,tests/**,node_modules/**,integration-tests/**,scripts/**,frontend/src/designTokens/**,\
 customWordList.mjs,\
 eslint.config.mjs,\
-frontend/tailwind.config.ts,
+frontend/tailwind.config.js,
 
 sonar.javascript.lcov.reportPaths=**/coverage/lcov.info