feat(launchpad): launch project and runner with graphql

cli/types/cypress.d.ts

@@ -2717,13 +2717,13 @@ declare namespace Cypress {
      * Override default config options for Component Testing runner.
      * @default {}
      */
-    component: Omit<ResolvedConfigOptions, 'e2e' | 'component'>
+    component: Omit<ResolvedConfigOptions, TestingType>
 
     /**
      * Override default config options for E2E Testing runner.
      * @default {}
      */
-    e2e: Omit<ResolvedConfigOptions, 'e2e' | 'component'>
+    e2e: Omit<ResolvedConfigOptions, TestingType>
   }
 
   /**
@@ -2809,7 +2809,7 @@ declare namespace Cypress {
   /**
    * All configuration items are optional.
    */
-  type CoreConfigOptions = Partial<Omit<ResolvedConfigOptions, 'e2e' | 'component'>>
+  type CoreConfigOptions = Partial<Omit<ResolvedConfigOptions, TestingType>>
   type ConfigOptions = CoreConfigOptions & {e2e?: CoreConfigOptions, component?: CoreConfigOptions }
 
   interface PluginConfigOptions extends ResolvedConfigOptions {

packages/launchpad/cypress.json

@@ -8,6 +8,9 @@
     "runMode": 2,
     "openMode": 0
   },
+  "env": {
+    "CypressInternal_UseInlineSpecList": true
+  },
   "nodeVersion": "system",
   "testFiles": "**/*.spec.{ts,tsx}",
   "reporter": "../../node_modules/cypress-multi-reporters/index.js",

packages/launchpad/cypress/integration/foo.spec.ts

@@ -0,0 +1,5 @@
+describe('testing', () => {
+  it('might work', () => {
+    expect(1).to.eq(1)
+  })
+})

packages/launchpad/cypress/support/index.ts

@@ -15,7 +15,7 @@
 
 // Import commands.js using ES2015 syntax:
 
-import 'virtual:windi.css'
-import '../../src/main.scss'
+// import 'virtual:windi.css'
+// import '../../src/main.scss'
 
 import './commands'

packages/runner-ct/src/app/SpecContent.tsx

@@ -62,7 +62,7 @@ export const SpecContent = namedObserver('SpecContent', (props: SpecContentProps
           },
         )}
         >
-          <Header {...props} runner='ct' />
+          <Header {...props} runner='component' />
           {props.state.spec
             ? <Iframes {...props} />
             : (

packages/runner-ct/src/main.jsx

@@ -68,7 +68,7 @@ const Runner = {
       const container = (
         <Container
           config={config}
-          runner='ct'
+          runner='component'
           state={state}
           App={App}
           hasSpecFile={util.hasSpecFile}

packages/runner-shared/src/container/index.jsx

@@ -39,11 +39,11 @@ export class Container extends Component {
             : this._noSpec()
         }
 
-        if (this.props.runner === 'ct') {
+        if (this.props.runner === 'component') {
           return this._app()
         }
 
-        throw Error(`runner prop is required and must be 'e2e' or 'ct'. You passed: ${this.props.runner}.`)
+        throw Error(`runner prop is required and must be 'e2e' or 'component'. You passed: ${this.props.runner}.`)
     }
   }
 

packages/runner-shared/src/event-manager.js

@@ -99,9 +99,9 @@ export const eventManager = {
       rerun()
     })
 
-    ws.on('specs:changed', ({ specs, projectType }) => {
+    ws.on('specs:changed', ({ specs, testingType }) => {
       // do not emit the event if e2e runner is not displaying an inline spec list.
-      if (projectType === 'e2e' && state.useInlineSpecList === false) {
+      if (testingType === 'e2e' && state.useInlineSpecList === false) {
         return
       }
 

packages/runner-shared/src/header/index.tsx

@@ -26,7 +26,7 @@ interface BaseState {
 }
 
 interface StateCT {
-  runner: 'ct'
+  runner: 'component'
   state: {
     screenshotting: boolean
   } & BaseState
@@ -117,7 +117,7 @@ export class Header extends Component<HeaderProps> {
         className={cs({
           'showing-selector-playground': selectorPlaygroundModel.isOpen,
           'showing-studio': studioRecorder.isOpen,
-          'display-none': this.props.runner === 'ct' && this.props.state.screenshotting,
+          'display-none': this.props.runner === 'component' && this.props.state.screenshotting,
         })}
       >
         <div className='sel-url-wrap'>

packages/server-ct/index.ts

@@ -18,7 +18,7 @@ const registerCheckForUpdates = () => {
   const checkForUpdates = (initialLaunch) => {
     Updater.check({
       initialLaunch,
-      testingType: 'ct',
+      testingType: 'component',
       onNewVersion: _.noop,
       onNoNewVersion: _.noop,
     })

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

@@ -9,7 +9,7 @@ type WarningErr = Record<string, any>
 
 export class ServerCt extends ServerBase<SocketCt> {
   open (config: Cfg, options: OpenServerOptions) {
-    return super.open(config, { ...options, projectType: 'ct' })
+    return super.open(config, { ...options, testingType: 'component' })
   }
 
   createServer (app, config, onWarning): Bluebird<[number, WarningErr?]> {

packages/server-ct/test/unit/index.spec.ts

@@ -35,7 +35,7 @@ describe('index.spec', () => {
     expect(stub_setInterval.firstCall.args[1]).eq(1000 * 60 * 60)
     expect(Updater.check.callCount).eq(1)
     expect(Updater.check.firstCall.args[0]).includes({
-      testingType: 'ct',
+      testingType: 'component',
       initialLaunch: true,
     })
   })

packages/server/lib/graphql/entities/Browsers.ts

@@ -0,0 +1,87 @@
+import { queryField, objectType, enumType, mutationField, nonNull, inputObjectType } from 'nexus'
+import browsers from '@packages/server/lib/browsers'
+import { projects } from '../../projects'
+
+const BrowserName = enumType({
+  name: 'BrowserName',
+  members: ['electron', 'chrome', 'chromium', 'firefox', 'edge'],
+})
+
+const BrowserChannel = enumType({
+  name: 'BrowserChannel',
+  members: ['stable', 'canary', 'beta', 'dev', 'nightly'],
+})
+
+const BrowserFamily = enumType({
+  name: 'BrowserFamily',
+  members: ['chromium', 'firefox'],
+})
+
+const Browser = objectType({
+  name: 'Browser',
+  definition (t) {
+    t.nonNull.field('name', {
+      type: BrowserName,
+    })
+
+    t.nonNull.field('family', {
+      type: BrowserFamily,
+    })
+
+    t.nonNull.field('channel', {
+      type: BrowserChannel,
+    })
+
+    t.int('majorVersion')
+    t.int('minSupportedVersion')
+    t.nonNull.string('displayName')
+    t.nonNull.string('version')
+    t.nonNull.string('path')
+  },
+})
+
+const AllBrowsersOutput = objectType({
+  name: 'browsers',
+  definition (t) {
+    t.nonNull.list.field('all', {
+      type: Browser,
+    })
+
+    t.field('current', {
+      type: Browser,
+    })
+  },
+})
+
+export const allBrowsers = queryField((t) => {
+  t.nonNull.field('browsers', {
+    type: AllBrowsersOutput,
+    async resolve (_root, args, ctx) {
+      const all = projects.foundBrowsers ?? await browsers.get()
+
+      return {
+        all,
+        current: projects.currentBrowser as any, // types
+      }
+    },
+  })
+})
+
+const SetBrowserInput = inputObjectType({
+  name: 'SetBrowserInput',
+  definition (t) {
+    t.nonNull.string('path')
+  },
+})
+
+export const setBrowser = mutationField((t) => {
+  t.nonNull.field('setBrowser', {
+    type: Browser,
+    args: {
+      input: nonNull(SetBrowserInput),
+    },
+    async resolve (_root, args, ctx) {
+      return await projects.setBrowser(args.input) as any
+    },
+  })
+})

packages/server/lib/graphql/entities/Config.ts

@@ -0,0 +1,16 @@
+import { queryField } from 'nexus'
+import { Config } from './types'
+import { projects } from '../../projects'
+
+export const config = queryField((t) => {
+  t.nonNull.field('config', {
+    type: Config,
+    resolve (_root, args, ctx) {
+      if (!projects.openProject) {
+        return {}
+      }
+
+      return projects.openProject.getConfig()
+    },
+  })
+})

packages/server/lib/graphql/entities/Projects.ts

@@ -1,13 +1,16 @@
 import { inputObjectType, nonNull, mutationField, queryField } from 'nexus'
 import { projects } from '../../projects'
-import { Project } from './types'
+import { Project, TestingType } from './types'
 import { formatProject } from '../utils'
 
 const AddProjectInput = inputObjectType({
   name: 'AddProjectInput',
   definition (t) {
     t.nonNull.string('projectRoot')
-    t.nonNull.string('testingType')
+    t.nonNull.field('testingType', {
+      type: TestingType,
+    })
+
     t.nonNull.boolean('isCurrent')
   },
 })
@@ -42,7 +45,19 @@ export const InitializePlugins = mutationField((t) => {
   })
 })
 
-export const addProject = mutationField((t) => {
+export const InitializeServer = mutationField((t) => {
+  t.nonNull.field('initializeServer', {
+    type: Project,
+    async resolve (_root, args, ctx) {
+      // TODO: should we await here, or return a pending state to the client?
+      await projects.initializeServer()
+
+      return formatProject(projects.openProject!)
+    },
+  })
+})
+
+export const AddProject = mutationField((t) => {
   t.nonNull.field('addProject', {
     type: Project,
     args: {

packages/server/lib/graphql/entities/Runner.ts

@@ -0,0 +1,28 @@
+import { mutationField } from 'nexus'
+import { projects } from '../../projects'
+import { Project } from './types'
+import { formatProject } from '../utils'
+
+export const LaunchRunner = mutationField((t) => {
+  t.nonNull.field('launchRunner', {
+    type: Project,
+    async resolve (_root, args, ctx) {
+      // TODO: should we await here, or return a pending state to the client?
+      await projects.launchRunner()
+
+      return formatProject(projects.openProject!)
+    },
+  })
+})
+
+export const CloseRunner = mutationField((t) => {
+  t.nonNull.field('closeRunner', {
+    type: Project,
+    async resolve (_root, args, ctx) {
+      // TODO: should we await here, or return a pending state to the client?
+      await projects.closeRunner()
+
+      return formatProject(projects.openProject!)
+    },
+  })
+})

packages/server/lib/graphql/entities/index.ts

@@ -3,3 +3,9 @@ export * from './App'
 export * from './Projects'
 
 export * from './Wizard'
+
+export * from './Browsers'
+
+export * from './Config'
+
+export * from './Runner'

packages/server/lib/graphql/entities/types.ts

@@ -1,28 +1,55 @@
 import { objectType, enumType } from 'nexus'
 
-const PluginsState = enumType({
-  name: 'PluginsState',
+const InitState = enumType({
+  name: 'InitState',
   members: ['uninitialized', 'initializing', 'initialized', 'error'],
 })
 
-const InitPluginsStatus = objectType({
-  name: 'InitPluginsStatus',
+export const TestingType = enumType({
+  name: 'TestingType',
+  members: ['component', 'e2e'],
+})
+
+const InitStatus = objectType({
+  name: 'InitStatus',
   definition (t) {
     t.nonNull.field('state', {
-      type: PluginsState,
+      type: InitState,
     }),
     t.string('message')
   },
 })
 
+export const Config = objectType({
+  name: 'Config',
+  definition (t) {
+    t.string('baseUrl')
+    t.string('clientRoute')
+    t.string('namespace')
+    t.string('xhrRoute')
+    t.string('reporterRoute')
+    t.string('proxyUrl')
+    t.string('proxyServer')
+    t.int('port')
+  },
+})
+
 export const Project = objectType({
   name: 'Project',
   definition (t) {
     t.nonNull.string('projectRoot')
+    t.nonNull.field('testingType', {
+      type: TestingType,
+    })
+
     t.nonNull.boolean('isOpen')
     t.nonNull.boolean('isCurrent')
     t.field('plugins', {
-      type: InitPluginsStatus,
+      type: InitStatus,
+    })
+
+    t.field('server', {
+      type: InitStatus,
     })
   },
 })