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'

integration-tests/fixtures/testWithLogging.ts

@@ -54,6 +54,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

@@ -20,6 +20,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 only on CI
@@ -57,7 +61,9 @@ export default defineConfig({
         ...devices['Desktop Chrome'],
         viewport: { width, height },
         channel: 'chrome',
-        launchOptions: { args: chromiumFlags },
+        launchOptions: {
+          args: chromiumFlags,
+        },
       },
     },
     {
@@ -66,7 +72,9 @@ export default defineConfig({
         ...devices['Desktop Chrome'],
         viewport: { width, height },
         channel: 'chrome',
-        launchOptions: { args: fakeDeviceChromiumFlags },
+        launchOptions: {
+          args: fakeDeviceChromiumFlags,
+        },
       },
     },
     {
@@ -102,20 +110,39 @@ 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 } },
+      use: {
+        ...devices['Pixel 5'],
+        launchOptions: {
+          args: fakeDeviceChromiumFlags,
+        },
+      },
+    },
+    {
+      name: 'Opera',
+      use: {
+        viewport: { width, height },
+        launchOptions: {
+          args: fakeDeviceChromiumFlags,
+          executablePath,
+        },
+      },
     },
     {
       name: 'Electron',
       use: {
         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

@@ -10,7 +10,7 @@
       "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:": {
@@ -26,7 +26,10 @@
     },
     "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",
@@ -47,7 +50,7 @@
       "description": "Run playwright tests in all browsers",
       "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'"
       }
     },
     "test:": {