fix: don't scaffold integration when using component tests (#8315)

* Don't scaffold integration when using component tests

* Update tests for removing integration scaffolding

Author: panzarino

packages/server/__snapshots__/scaffold_spec.js

@@ -100,6 +100,46 @@ exports['lib/scaffold .fileTree returns tree-like structure of scaffolded 1'] =
   }
 ]
 
+exports['lib/scaffold .fileTree leaves out integration tests if using component testing 1'] = [
+  {
+    "name": "tests",
+    "children": [
+      {
+        "name": "_fixtures",
+        "children": [
+          {
+            "name": "example.json"
+          }
+        ]
+      },
+      {
+        "name": "_support",
+        "children": [
+          {
+            "name": "commands.js"
+          },
+          {
+            "name": "index.js"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "name": "cypress",
+    "children": [
+      {
+        "name": "plugins",
+        "children": [
+          {
+            "name": "index.js"
+          }
+        ]
+      }
+    ]
+  }
+]
+
 exports['lib/scaffold .fileTree leaves out fixtures if configured to false 1'] = [
   {
     "name": "tests",

packages/server/lib/scaffold.js

@@ -65,12 +65,19 @@ const filesSizesAreSame = (files, index) => {
   })
 }
 
+const componentTestingEnabled = (config) => {
+  const experimentalComponentTestingEnabled = _.get(config, 'resolved.experimentalComponentTesting.value', false)
+
+  return experimentalComponentTestingEnabled && !isDefault(config, 'componentFolder')
+}
+
 const isNewProject = (integrationFolder) => {
   // logic to determine if new project
-  // 1. there are no files in 'integrationFolder'
-  // 2. there is a different number of files in 'integrationFolder'
-  // 3. the files are named the same as the example files
-  // 4. the bytes of the files match the example files
+  // 1. component testing is not enabled
+  // 2. there are no files in 'integrationFolder'
+  // 3. there is a different number of files in 'integrationFolder'
+  // 4. the files are named the same as the example files
+  // 5. the bytes of the files match the example files
 
   debug('determine if new project by globbing files in %o', { integrationFolder })
 
@@ -122,7 +129,8 @@ module.exports = {
     debug(`integration folder ${folder}`)
 
     // skip if user has explicitly set integrationFolder
-    if (!isDefault(config, 'integrationFolder')) {
+    // or if user has set up component testing
+    if (!isDefault(config, 'integrationFolder') || componentTestingEnabled(config)) {
       return Promise.resolve()
     }
 
@@ -233,9 +241,13 @@ module.exports = {
 
     return getExampleSpecs()
     .then((specs) => {
-      let files = _.map(specs.shortPaths, (file) => {
-        return getFilePath(config.integrationFolder, file)
-      })
+      let files = []
+
+      if (!componentTestingEnabled(config)) {
+        files = _.map(specs.shortPaths, (file) => {
+          return getFilePath(config.integrationFolder, file)
+        })
+      }
 
       if (config.fixturesFolder) {
         files = files.concat([

packages/server/test/unit/scaffold_spec.js

@@ -149,6 +149,18 @@ describe('lib/scaffold', () => {
       })
     })
 
+    it('does not create any files if using component testing', function () {
+      this.cfg.resolved.experimentalComponentTesting.value = true
+      this.cfg.resolved.componentFolder.from = 'config'
+
+      return scaffold.integration(this.integrationFolder, this.cfg)
+      .then(() => {
+        return glob('**/*', { cwd: this.integrationFolder })
+      }).then((files) => {
+        expect(files.length).to.eq(0)
+      })
+    })
+
     it('does not create example specs if integrationFolder already exists', function () {
       // create the integrationFolder ourselves manually
       return fs.ensureDirAsync(this.integrationFolder)
@@ -399,6 +411,13 @@ describe('lib/scaffold', () => {
       return scaffold.fileTree(this.cfg).then(snapshot)
     })
 
+    it('leaves out integration tests if using component testing', function () {
+      this.cfg.resolved.experimentalComponentTesting.value = true
+      this.cfg.resolved.componentFolder.from = 'config'
+
+      return scaffold.fileTree(this.cfg).then(snapshot)
+    })
+
     it('leaves out fixtures if configured to false', function () {
       this.cfg.fixturesFolder = false