fix: simplify webpack options and document

Author: bahmutov

cypress/plugins/index.js

@@ -1,4 +1,8 @@
-const webpack = require('@cypress/webpack-preprocessor')
+// https://github.com/cypress-io/cypress-webpack-preprocessor
+const webpackPreprocessor = require('@cypress/webpack-preprocessor')
+
+// Cypress webpack options or just require from
+// an existing webpack.config.js
 const webpackOptions = {
   module: {
     rules: [
@@ -11,12 +15,9 @@ const webpackOptions = {
 }
 
 const options = {
-  // send in the options from your webpack.config.js, so it works the same
-  // as your app's code
-  webpackOptions,
-  watchOptions: {}
+  webpackOptions
 }
 
 module.exports = on => {
-  on('file:preprocessor', webpack(options))
+  on('file:preprocessor', webpackPreprocessor(options))
 }

src/index.js

@@ -67,8 +67,6 @@ const mountVue = (component, options = {}) => () => {
     const vueHtml = getPageHTML(options)
     document.write(vueHtml)
     document.close()
-    console.log('wrote html')
-    console.log(vueHtml)
   })
   cy
     .window()
@@ -81,17 +79,3 @@ const mountVue = (component, options = {}) => () => {
 }
 
 module.exports = mountVue
-
-// export const loadAndMountMyComponent = VueComponent => () => {
-//   cy.visit('index.html')
-//   cy
-//     .window()
-//     .its('Vue')
-//     .then(Vue => {
-//       deleteCachedConstructors(VueComponent)
-//       // TODO go through ITS components and delete their constructors
-//       // wonder if there is unified list
-//       Cypress.vue = new Vue(VueComponent).$mount('#app')
-//       copyStyles(VueComponent)
-//     })
-// }