GitHub Actions Migration - Add Initial Tests

.dev/tests/cypress/helpers.js

@@ -175,8 +175,6 @@ export function savePage() {
  */
 
 export function checkForBlockErrors( blockName ) {
-	disableGutenbergFeatures();
-
 	cy.get( '.block-editor-warning' ).should( 'not.exist' );
 
 	cy.get( 'body.php-error' ).should( 'not.exist' );
@@ -230,6 +228,10 @@ export function clearBlocks() {
 		safeWin.wp.data.dispatch( 'core/block-editor' ).removeBlocks(
 			safeWin.wp.data.select( 'core/block-editor' ).getBlocks().map( ( block ) => block.clientId )
 		);
+
+		if ( safeWin.wp.data.select( 'core/edit-post' ).isFeatureActive( 'welcomeGuide' ) ) {
+			safeWin.wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'welcomeGuide' );
+		}
 	} );
 }
 

.dev/tests/cypress/readme.md

@@ -9,7 +9,7 @@ Welcome to our end-to-end testing suite for CoBlocks blocks! There are a number
 ### Add your local test credentials
 ```bash
 $ echo '{
-  "testURL": "https://coblocks.test",
+  "testURL": "https://localhost:8889",
   "wpUsername": "admin",
   "wpPassword": "password",
 }' > cypress.env.json

.dev/tests/cypress/support/commands.js

@@ -1,17 +1,3 @@
-import { disableGutenbergFeatures, isNotWPLocalEnv, loginToSite } from '../helpers';
-
-before( function() {
-	loginToSite().then( () => {
-		if ( isNotWPLocalEnv() ) {
-			// Waiting to see if the Welcome Guide will show up. Could probably be improved, but
-			// for the moment, it seems hard to tie the wait to something else
-			cy.wait( 10000 );
-		}
-
-		disableGutenbergFeatures();
-	} );
-} );
-
 // Maintain WordPress logged in state
 Cypress.Cookies.defaults( {
 	preserve: /wordpress_.*/,

.github/workflows/deploy-create-release.yml

@@ -1,9 +1,6 @@
 name: 'Deploy / Create Release'
 
 on:
-  pull_request:
-    branches:
-      - master
   milestone:
     types: [ closed ]
 
@@ -12,6 +9,106 @@ env:
   ARTIFACT_ZIP: 'coblocks.zip'
 
 jobs:
+  update:
+    name: Update version
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'yarn'
+
+      - name: Setup git user
+        uses: godaddy-wordpress/setup-godaddy-git-user@v1
+
+      # Yarn is still required on this project, so we need to make sure it is
+      # installed globally.
+      - name: Install yarn
+        run: npm i -g yarn
+
+      - name: Set version
+        run: |
+          echo "NEW_TAG_VERSION=${{ github.event.milestone.title }}" >> $GITHUB_ENV
+
+      - name: Validate tag version
+        run: |
+          MATCH='^([0-9]+\.){2}(\*|[0-9]+)(-.*)?$'
+          if ! [[ $NEW_TAG_VERSION =~ $MATCH ]]; then
+              echo "::error::Milestone title does not match semver format: '$NEW_TAG_VERSION'"
+              exit 1
+          fi
+
+      - name: Install dependencies
+        run: |
+          yarn install --immutable
+
+      - name: Run version update
+        run: yarn version --new-version $NEW_TAG_VERSION
+
+      - name: Push changes
+        run: |
+          git add .
+          git commit -m "Updating to version $NEW_TAG_VERSION" --no-verify
+          git push
+
   build:
     name: Build
     uses: ./.github/workflows/deploy-create-artifact.yml
+    needs: update
+
+  tag:
+    runs-on: ubuntu-latest
+    name: Tag new version
+    needs: update
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          ref: ${{ github.event.repository.default_branch }}
+
+      - name: Setup git user
+        uses: godaddy-wordpress/setup-godaddy-git-user@v1
+
+      - name: Set version
+        run: |
+          echo "NEW_TAG_VERSION=${{ github.event.milestone.title }}" >> $GITHUB_ENV
+
+      - name: Publish new tag
+        run: |
+          git tag $NEW_TAG_VERSION
+          git push origin $NEW_TAG_VERSION
+
+  release:
+    runs-on: ubuntu-latest
+    name: Create new release
+    needs: [ build, tag ]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          ref: ${{ github.event.repository.default_branch }}
+
+      - name: Set release version
+        run: |
+          echo "RELEASE_VERSION=${{ github.event.milestone.title }}" >> $GITHUB_ENV
+
+      - name: Create release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          gh release create $RELEASE_VERSION -n "${{ github.event.milestone.description }}" -t "$RELEASE_VERSION"
+
+      - name: Download theme
+        uses: actions/download-artifact@v3
+        with:
+          name: ${{ env.ARTIFACT_NAME }}
+
+      - name: Upload asset to release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          gh release upload $RELEASE_VERSION ${{ env.ARTIFACT_ZIP }}

.github/workflows/test-accessibility.yml

@@ -0,0 +1,53 @@
+name: WIP Test / Accessibility
+
+on:
+  pull_request:
+    branches:
+      - master
+
+jobs:
+  pa11y:
+    name: Pa11y
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup wp-env
+        uses: godaddy-wordpress/setup-wp-env@v1
+        with:
+          core: 'WordPress/WordPress#6.1'
+          phpVersion: '7.4'
+          plugins: '[".","https://downloads.wordpress.org/plugin/woocommerce.zip"]'
+          themes: '["https://downloads.wordpress.org/theme/go.zip"]'
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'yarn'
+
+      - name: Setup WP-CLI
+        uses: godaddy-wordpress/setup-wp-cli@1
+
+      - name: Install dependencies
+        run: |
+          npm i -g yarn
+          composer install
+          yarn install --immutable
+
+      - name: Build plugin
+        run: |
+          yarn build
+
+      - name: Prepare tests
+        run: |
+          wp-env run cli "wp db import wp-content/plugins/coblocks/.dev/tests/a11y/coblocks_pa11y.sql"
+
+      - name: Run tests
+        run: |
+          A11Y=$(yarn test:a11y)
+          echo "$A11Y"
+          if [[ $A11Y != *"All accessibility tests have passed"* ]]; then
+            exit 1
+          fi

.github/workflows/test-e2e-cypress.yml

@@ -0,0 +1,97 @@
+name: WIP Test / E2E
+
+on:
+  workflow_call:
+    inputs:
+      browser:
+        required: false
+        type: string
+        default: chrome
+      theme:
+        required: false
+        type: string
+        default: go
+      wpVersion:
+        required: false
+        type: string
+        default: ""
+      phpVersion:
+        required: false
+        type: string
+        default: "8.1"
+    secrets:
+      record-key:
+        description: 'Record key for Cypress Dashboard'
+        required: true
+
+jobs:
+  test_cypress_e2e:
+    name: E2E Test
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        spec:
+          - alert.cypress.js
+          - author.cypress.js
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup wp-env
+        uses: godaddy-wordpress/setup-wp-env@v1
+        with:
+          core: ${{ inputs.wpVersion }}
+          phpVersion: ${{ inputs.phpVersion }}
+          plugins: '["."]'
+          themes: '["https://downloads.wordpress.org/theme/go.zip"]'
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'yarn'
+
+      - name: Setup WP-CLI
+        uses: godaddy-wordpress/setup-wp-cli@1
+
+      - name: Install dependencies
+        run: |
+          composer install --prefer-dist --optimize-autoloader &
+          yarn install --immutable
+
+      - name: Build plugin
+        run: |
+          yarn build
+
+      - name: Prepare Go
+        if: ${{ inputs.theme == 'go' }}
+        run: |
+          cd $(wp-env install-path)/go
+          mkdir -p coblocks/icons
+          echo '<svg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><circle class="inner-circle" cx="20" cy="20" r="8" stroke-width="8" stroke-dasharray="50.2655 50.2655" stroke-dashoffset="0"></circle></svg>' >> coblocks/icons/custom.svg
+
+      - name: Prepare tests
+        run: |
+          WP_CORE_VERSION=$(wp-env run cli "wp core version")
+          echo "WP_CORE_VERSION=${WP_CORE_VERSION}" >> $GITHUB_ENV
+          wp-env run cli "wp post generate --count=5"
+          wp-env run cli "wp theme activate ${{ inputs.theme }}"
+          wp-env run cli "wp option update permalink_structure '/%postname%'"
+
+      - name: Run tests
+        run: |
+          CYPRESS_SPEC=$(find ./src/* -name ${{ matrix.spec }} -type f)
+          echo '{"wpUsername":"admin","wpPassword":"password","testURL":"http://localhost:8889"}' | jq . > cypress.env.json
+          ./node_modules/.bin/cypress verify
+          ./node_modules/.bin/cypress run --browser ${{ inputs.browser }} --spec $CYPRESS_SPEC
+
+      - name: Upload failure video
+        if: ${{ failure() }}
+        uses: actions/upload-artifact@v3
+        with:
+          name: ${{ matrix.spec }}-fail.mp4
+          path: ./.dev/tests/cypress/videos/${{ matrix.spec }}.mp4
+          retention-days: 1
+

.github/workflows/test-e2e.yml

@@ -0,0 +1,19 @@
+name: WIP Test / E2E
+
+on:
+  pull_request:
+    branches:
+      - master
+
+jobs:
+  chrome_e2e:
+    name: Chrome
+    uses: ./.github/workflows/test-e2e-cypress.yml
+    secrets:
+      record-key: ${{ secrets.CYPRESS_RECORD_KEY }}
+
+  # firefox_e2e:
+  #   name: Firefox
+  #   uses: ./.github/workflows/test-e2e-cypress.yml
+  #   with:
+  #     browser: firefox

.github/workflows/test-javascript.yml

@@ -0,0 +1,27 @@
+name: WIP Test / JS
+
+on:
+  pull_request:
+    branches:
+      - master
+
+jobs:
+
+  js_unit:
+    name: Unit
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'yarn'
+
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      - name: Run tests
+        run: yarn run test:js