Make tests on all env

Author: bidoubiwa

.github/workflows/tests.yml

@@ -28,12 +28,30 @@ jobs:
         uses: actions/setup-node@v1
       - name: Install dependencies
         run: yarn --dev && yarn --cwd ./playground
-      - name: Cypress run
+      - name: Test develop no-reload
         uses: cypress-io/github-action@v2
         with:
           build: yarn playground:build
           start: yarn playground:start
           env: env=ci
+      - name: Test develop admin watch
+        uses: cypress-io/github-action@v2
+        with:
+          build: yarn playground:build
+          start: yarn playground:dev
+          env: env=watch
+      - name: Test develop soft watch
+        uses: cypress-io/github-action@v2
+        with:
+          build: yarn playground:build
+          start: yarn playground:dev
+          env: env=develop
+      - name: Test production
+        uses: cypress-io/github-action@v2
+        with:
+          build: yarn playground:build
+          start: yarn playground:dev
+          env: env=ci
       - uses: actions/upload-artifact@v1
         if: failure()
         with:

cypress.env.json

@@ -12,6 +12,10 @@
     "adminUrl": "http://localhost:8000/admin/auth/login",
     "host": "http://localhost:7700"
   },
+  "develop": {
+    "adminUrl": "http://localhost:1337/admin/auth/login",
+    "host": "http://localhost:7700"
+  },
   "ci": {
     "adminUrl": "http://localhost:1337/admin/auth/login",
     "host": "http://meilisearch:7700"

cypress/integration/ui_spec.js

@@ -13,13 +13,22 @@ const removeTutorial = () => {
   cy.get('.videosContent').siblings('.openBtn').click()
 }
 
-const clickAndCheckRowContent = (rowNumber, contains) => {
-  const row = `.collections tbody tr:nth-child(${rowNumber})`
+const clickCollection = ({ rowNb }) => {
+  const row = `.collections tbody tr:nth-child(${rowNb})`
   cy.get(`${row} input[type="checkbox"]`).click()
   removeNotifications()
+}
+
+const checkCollectionContent = ({ rowNb, contains }) => {
+  const row = `.collections tbody tr:nth-child(${rowNb})`
   contains.map(content => cy.get(`${row}`).contains(content))
 }
 
+const clickAndCheckRowContent = ({ rowNb, contains }) => {
+  clickCollection({ rowNb })
+  checkCollectionContent({ rowNb, contains })
+}
+
 const removeNotifications = () => {
   cy.wait(1000)
   cy.get('.notification-enter-done > div > div > div:last-child').click({
@@ -80,32 +89,59 @@ describe('Strapi Login flow', () => {
   })
 
   it('Add Collections to MeiliSearch', () => {
-    clickAndCheckRowContent(1, ['Indexed In MeiliSearch', 'Reload needed'])
-    clickAndCheckRowContent(2, ['Indexed In MeiliSearch', 'Reload needed'])
-    clickAndCheckRowContent(3, ['Indexed In MeiliSearch', 'Reload needed'])
+    clickAndCheckRowContent({
+      rowNb: 1,
+      contains: ['Indexed In MeiliSearch', 'Reload needed']
+    })
+    clickAndCheckRowContent({
+      rowNb: 2,
+      contains: ['Indexed In MeiliSearch', 'Reload needed']
+    })
+    clickAndCheckRowContent({
+      rowNb: 3,
+      contains: ['Indexed In MeiliSearch', 'Reload needed']
+    })
   })
 
   it('Reload Server', () => {
     const row = '.reload_button'
     cy.get(`${row}`).click()
-    if (env === 'watch') {
-      cy.wait(4000)
-      cy.visit(adminUrl, { timeout: 4000 })
-      cy.url().should('match', /login/)
-      cy.get('form', { timeout: 10000 }).should('be.visible')
-      cy.get('input[name="email"]').type(email).should('have.value', email)
-      cy.get('input[name="password"]').type(password).should('have.value', password)
-      cy.get('button[type="submit"]').click()
-      cy.contains('MeiliSearch', { timeout: 10000 }).click()
-      cy.url().should('include', '/plugins/meilisearch')
+    cy.wait(4000)
+    if (env === 'develop' || env === 'watch') {
+      removeTutorial()
+    }
+  })
+
+  it('Check for successfull hooks in develop mode', () => {
+    if (env === 'develop' || env === 'watch') {
+      checkCollectionContent({ rowNb: 1, contains: ['Indexed In MeiliSearch', 'Active'] })
+      checkCollectionContent({ rowNb: 2, contains: ['Indexed In MeiliSearch', 'Active'] })
+      checkCollectionContent({ rowNb: 3, contains: ['Indexed In MeiliSearch', 'Active'] })
+    } else {
+      checkCollectionContent({ rowNb: 1, contains: ['Indexed In MeiliSearch', 'Reload needed'] })
+      checkCollectionContent({ rowNb: 2, contains: ['Indexed In MeiliSearch', 'Reload needed'] })
+      checkCollectionContent({ rowNb: 3, contains: ['Indexed In MeiliSearch', 'Reload needed'] })
     }
-    removeTutorial()
   })
 
   it('Remove Collections from MeiliSearch', () => {
-    clickAndCheckRowContent(1, ['Not in MeiliSearch'])
-    clickAndCheckRowContent(2, ['Not in MeiliSearch'])
-    clickAndCheckRowContent(3, ['Not in MeiliSearch'])
+    clickAndCheckRowContent({
+      rowNb: 1,
+      contains: ['Not in MeiliSearch']
+    })
+    clickAndCheckRowContent({
+      rowNb: 2,
+      contains: ['Not in MeiliSearch']
+    })
+    clickAndCheckRowContent({
+      rowNb: 3,
+      contains: ['Not in MeiliSearch']
+    })
+    if (env === 'develop' || env === 'watch') {
+      checkCollectionContent({ rowNb: 1, contains: ['Not in MeiliSearch', 'Reload needed'] })
+      checkCollectionContent({ rowNb: 2, contains: ['Not in MeiliSearch', 'Reload needed'] })
+      checkCollectionContent({ rowNb: 3, contains: ['Not in MeiliSearch', 'Reload needed'] })
+    }
   })
 
   it('Change Host to wrong host', () => {

package.json

@@ -6,12 +6,17 @@
     "style": "eslint --ext .js .",
     "style:fix": "eslint --ext .js . --fix",
     "playground:dev": "yarn --cwd ./playground && yarn --cwd ./playground develop",
+    "playground:soft_dev": "yarn --cwd ./playground && yarn --cwd ./playground soft_dev",
     "playground:build": "yarn --cwd ./playground build",
     "playground:start": "yarn --cwd ./playground start",
+    "playground:production": "NODE_ENV=production yarn --cwd ./playground start",
     "cy:install": "node ./node_modules/cypress/bin/cypress install",
     "cy:open": "cypress open --env env=watch",
     "cy:run": "cypress run --env env=watch",
     "test:watch": "start-server-and-test playground:dev http://localhost:8000 'cypress open --env env=watch'",
+    "test:admindev": "start-server-and-test playground:dev http://localhost:1337 'cypress run --env env=watch'",
+    "test:dev": "start-server-and-test playground:soft_dev http://localhost:1337 'cypress run --env env=develop'",
+    "test:production": "start-server-and-test playground:production http://localhost:1337 'cypress run --env env=test'",
     "pretest": "yarn playground:build",
     "test": "start-server-and-test playground:start http://localhost:1337 'cypress run --env env=test'"
   },

playground/package.json

@@ -5,6 +5,7 @@
   "description": "A Strapi application",
   "scripts": {
     "develop": "strapi develop --watch-admin",
+    "soft": "strapi develop",
     "start": "strapi start",
     "build": "strapi build",
     "strapi": "strapi"