refactor(other): cleanup cypress configuration (#8345)

* cypress:remove redundant comment from command config

* cypress: move command and factory imports from global to local

* cypress: linting

* cypress: set support file to false in config

cypress/cypress.config.js

@@ -44,7 +44,7 @@ module.exports = defineConfig({
     chromeWebSecurity: false,
     baseUrl: 'http://localhost:3000',
     specPattern: '**/*.feature',
-    supportFile: 'cypress/support/e2e.js',
+    supportFile: false,
     retries:  0,
     video: false,
     viewportHeight: 720,

cypress/support/commands.js

@@ -53,16 +53,3 @@ Cypress.Commands.add(
 
     })
   })
-
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This is will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

cypress/support/e2e.js

@@ -1,33 +0,0 @@
-// ***********************************************************
-// This example support/index.js is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
-
-import './commands'
-import './factories'
-
-// intermittent failing tests
-// import 'cypress-plugin-retries'
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
-import { WebSocket } from 'mock-socket'
-before(() => {
-  cy.visit('/', {
-    onBeforeLoad(win) {
-      cy.stub(win, "WebSocket", url =>  new WebSocket(url))
-    }
-  })
-})

cypress/support/step_definitions/Moderation.ReportContent/somebody_reported_the_following_posts.js

@@ -1,5 +1,7 @@
-import { Given } from "@badeball/cypress-cucumber-preprocessor";
+import { Given } from '@badeball/cypress-cucumber-preprocessor'
-import 'cypress-network-idle';
+import './../../commands'
+import './../../factories'
+import 'cypress-network-idle'
 
 Given('somebody reported the following posts:', table => {
   const reportIdRegex = /^[0-9a-zA-Z]{8}-[0-9a-zA-Z]{4}-[0-9a-zA-Z]{4}-[0-9a-zA-Z]{4}-[0-9a-zA-Z]{12}$/

cypress/support/step_definitions/common/I_am_logged_in_as_{string}.js

@@ -1,9 +1,9 @@
-import { Given } from "@badeball/cypress-cucumber-preprocessor";
+import { Given } from '@badeball/cypress-cucumber-preprocessor'
 import encode from '../../../../backend/build/src/jwt/encode'
 
-Given("I am logged in as {string}", slug => {
+Given('I am logged in as {string}', slug => {
   cy.neode()
-    .firstOf("User", { slug })
+    .firstOf('User', { slug })
     .then(user => {
       return new Cypress.Promise((resolve, reject) => {
         if(!user) {

cypress/support/step_definitions/common/the_following_{string}_are_in_the_database.js

@@ -1,10 +1,11 @@
-import { Given } from "@badeball/cypress-cucumber-preprocessor";
+import { Given } from '@badeball/cypress-cucumber-preprocessor'
+import './../../factories'
 
-Given("the following {string} are in the database:", (table,data) => {
+Given('the following {string} are in the database:', (table,data) => {
   switch(table){
-    case "posts":
+    case 'posts':
       data.hashes().forEach( entry => {
-        cy.factory().build("post", {
+        cy.factory().build('post', {
           ...entry,
           deleted: Boolean(entry.deleted),
           disabled: Boolean(entry.disabled),
@@ -15,25 +16,25 @@ Given("the following {string} are in the database:", (table,data) => {
         });
       })
       break
-    case "comments":
+    case 'comments':
       data.hashes().forEach( entry => {
         cy.factory()
-          .build("comment", entry, entry);
+          .build('comment', entry, entry);
       })
       break
-    case "users":
+    case 'users':
       data.hashes().forEach( entry => {
-        cy.factory().build("user", entry, entry);
+        cy.factory().build('user', entry, entry);
       });
       break
-    case "tags":
+    case 'tags':
       data.hashes().forEach( entry => {
-        cy.factory().build("tag", entry, entry)
+        cy.factory().build('tag', entry, entry)
       });
       break
-    case "donations":
+    case 'donations':
       data.hashes().forEach( entry => {
-        cy.factory().build("donations", entry, entry)
+        cy.factory().build('donations', entry, entry)
       });
       break
   }

cypress/support/step_definitions/common/{string}_wrote_a_post_{string}.js

@@ -1,8 +1,9 @@
-import { Given } from "@badeball/cypress-cucumber-preprocessor";
+import { Given } from '@badeball/cypress-cucumber-preprocessor'
+import './../../factories'
 
 Given('{string} wrote a post {string}', (author, title) => {
   cy.factory()
-    .build("post", {
+    .build('post', {
       title,
     }, {
       authorId: author,