Show separate specs tree view for integration vs component specs

[bahmutov]

This is for #5923 (component testing)

against branch issue-5922-mountMode

Example project with integration and component tests https://github.com/bahmutov/test-mdx-example (clone and install dependencies)

To run the example project, switch Cypress monorepo to issue-5922-mountMode, run yarn to install dependencies and build, and then use

yarn start --project <path to test-md-example folder>

If I print specs received by the Desktop GUI specs.integration like this

import ipc from '../lib/ipc'
import specsStore from './specs-store'

const getSpecs = (setProjectError) => {
  const DEFAULT_SPECS = {
    integration: [],
  }

  ipc.getSpecs((err, specs = DEFAULT_SPECS) => {
    if (err) {
      return setProjectError(err)
    }

    console.log('specs')
    console.table(specs.integration)

    specsStore.setSpecs(specs)
  })
}

The list shows specType property

I think we should separate integration specs from component specs, but could not figure out how to do this in specs jsx file. Probably something like this would be nice

[bahmutov]

Current work

[cypress-bot]

The code for this is done in cypress-io/cypress#5923, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

[cypress-bot]

Released in 4.5.0.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v4.5.0, please open a new issue.