fix: error regression - unexpected ANSI color chars shown on Firefox …

…warning message about chromeWebSecurity (#20512)

packages/server/lib/project-base.ts

@@ -30,6 +30,7 @@ import * as settings from './util/settings'
 import specsUtil from './util/specs'
 import system from './util/system'
 import Watchers from './watchers'
+import stripAnsi from 'strip-ansi'
 
 import type { LaunchArgs } from './open_project'
 
@@ -704,7 +705,7 @@ export class ProjectBase<TServer extends ServerE2E | ServerCt> extends EE {
 
         return {
           ...browser,
-          warning: browser.warning || errors.getMsgByType('CHROME_WEB_SECURITY_NOT_SUPPORTED', browser.name),
+          warning: browser.warning || stripAnsi(errors.getMsgByType('CHROME_WEB_SECURITY_NOT_SUPPORTED', browser.name)),
         }
       })
     }

packages/server/test/unit/project_spec.js

@@ -1,5 +1,3 @@
-const { theme } = require('@packages/errors/src/errTemplate')
-
 require('../spec_helper')
 
 const mockedEnv = require('mocked-env')
@@ -248,7 +246,7 @@ describe('lib/project-base', () => {
             family: 'some-other-family',
             name: 'some-other-name',
             warning: `\
-Your project has set the configuration option: ${theme.yellow('chromeWebSecurity')} to ${theme.blue('false')}
+Your project has set the configuration option: chromeWebSecurity to false
 
 This option will not have an effect in Some-other-name. Tests that rely on web security being disabled will not run as expected.\
 `,