tests: update examples

Author: mrholek

cypress.json

@@ -0,0 +1,3 @@
+{
+  "pluginsFile": "tests/e2e/plugins/index.js"
+}

jest.config.js

@@ -1,6 +1,6 @@
 module.exports = {
-  preset: "@vue/cli-plugin-unit-jest",
+  preset: '@vue/cli-plugin-unit-jest',
   transform: {
-    "^.+\\.vue$": "vue-jest",
+    '^.+\\.vue$': 'vue-jest',
   },
-};
+}

tests/e2e/.eslintrc.js

@@ -1,5 +1,10 @@
 module.exports = {
+  plugins: ['cypress'],
+  env: {
+    mocha: true,
+    'cypress/globals': true,
+  },
   rules: {
-    "no-unused-expressions": "off",
+    strict: 'off',
   },
-};
+}

tests/e2e/custom-assertions/elementCount.js

@@ -0,0 +1,25 @@
+/* eslint-disable arrow-body-style */
+// https://docs.cypress.io/guides/guides/plugins-guide.html
+
+// if you need a custom webpack configuration you can uncomment the following import
+// and then use the `file:preprocessor` event
+// as explained in the cypress docs
+// https://docs.cypress.io/api/plugins/preprocessors-api.html#Examples
+
+// /* eslint-disable import/no-extraneous-dependencies, global-require */
+// const webpack = require('@cypress/webpack-preprocessor')
+
+module.exports = (on, config) => {
+  // on('file:preprocessor', webpack({
+  //  webpackOptions: require('@vue/cli-service/webpack.config'),
+  //  watchOptions: {}
+  // }))
+
+  return Object.assign({}, config, {
+    fixturesFolder: 'tests/e2e/fixtures',
+    integrationFolder: 'tests/e2e/specs',
+    screenshotsFolder: 'tests/e2e/screenshots',
+    videosFolder: 'tests/e2e/videos',
+    supportFile: 'tests/e2e/support/index.js',
+  })
+}

tests/e2e/custom-commands/customExecute.js

@@ -1,18 +1,8 @@
-// For authoring Nightwatch tests, see
-// https://nightwatchjs.org/guide
+// https://docs.cypress.io/api/introduction/api.html
 
-module.exports = {
-  "default e2e tests": (browser) => {
-    browser
-      .init()
-      .waitForElementVisible("#app")
-      .assert.elementPresent(".hello")
-      .assert.containsText("h1", "Welcome to Your Vue.js App")
-      .assert.elementCount("img", 1)
-      .end();
-  },
-
-  "example e2e test using a custom command": (browser) => {
-    browser.openHomepage().assert.elementPresent(".hello").end();
-  },
-};
+describe('My First Test', () => {
+  it('Visits the app root url', () => {
+    cy.visit('/')
+    cy.contains('h1', 'Welcome to Your Vue.js App')
+  })
+})