fix(component testing): default config values (#15902)

Co-authored-by: Jessica Sachs <jess@jessicasachs.io>

packages/server-ct/src/project-ct.ts

@@ -2,12 +2,11 @@ import Debug from 'debug'
 import config from '@packages/server/lib/config'
 import plugins from '@packages/server/lib/plugins'
 import devServer from '@packages/server/lib/plugins/dev-server'
-import { ProjectBase } from '@packages/server/lib/project-base'
+import { Cfg, ProjectBase } from '@packages/server/lib/project-base'
 import settings from '@packages/server/lib/util/settings'
 import specsUtil from '@packages/server/lib/util/specs'
 import { ServerCt } from './server-ct'
 import { SpecsStore } from './specs-store'
-import { options } from '@packages/server/lib/config_options'
 
 export * from '@packages/server/lib/project-base'
 
@@ -24,22 +23,12 @@ export class ProjectCt extends ProjectBase<ServerCt> {
    * 2. otherwise, use 500/500 by default.
    */
   addComponentTestingUniqueDefaults (cfg: Record<string, unknown>) {
-    const defaultViewport = options.reduce<Record<string, number>>((acc, curr) => {
-      if (curr.name === 'viewportHeight') {
-        return { ...acc, viewportHeight: curr.defaultValue as number }
-      }
-
-      if (curr.name === 'viewportWidth') {
-        return { ...acc, viewportWidth: curr.defaultValue as number }
-      }
-
-      return acc
-    }, {})
+    const rawJson = cfg.rawJson as Cfg
 
     return {
       ...cfg,
-      viewportHeight: cfg.viewportHeight !== defaultViewport.viewportHeight ? cfg.viewportHeight : 500,
-      viewportWidth: cfg.viewportWidth !== defaultViewport.viewportWidth ? cfg.viewportWidth : 500,
+      viewportHeight: rawJson.viewportHeight ?? 500,
+      viewportWidth: rawJson.viewportWidth ?? 500,
     }
   }
 

packages/server/lib/config.js

@@ -241,6 +241,8 @@ module.exports = {
   mergeDefaults (config = {}, options = {}) {
     const resolved = {}
 
+    config.rawJson = _.cloneDeep(config)
+
     _.extend(config, _.pick(options, 'configFile', 'morgan', 'isTextTerminal', 'socketId', 'report', 'browsers'))
     debug('merged config with options, got %o', config)