GitHub Codespaces support

.devcontainer/devcontainer.json

@@ -16,15 +16,20 @@
   "remoteEnv": {
     "CYPRESS_BASE_URL": "http://localhost"
   },
-  "forwardPorts": [80],
+  "forwardPorts": [8000],
   "portsAttributes": {
-    "80": {
+    "8000": {
       "label": "WordPress",
       "onAutoForward": "notify",
       "requireLocalPort": false
     }
   },
   "otherPortsAttributes": {
     "onAutoForward": "silent"
+  },
+  "postAttachCommand": "bin/devcontainer-postattach",
+  "postCreateCommand": "bin/devcontainer-postcreate",
+  "features": {
+    "github-cli": "latest"
   }
 }

.gitignore

@@ -4,3 +4,4 @@
 /tests/node_modules/
 /tests/cypress/screenshots/
 /tests/cypress/videos/
+/tmp/

bin/devcontainer-postattach

@@ -0,0 +1,6 @@
+#!/bin/sh
+
+set -e
+
+mkdir -p /workspaces/komoju-woocommerce/tmp
+echo "$CODESPACE_NAME" > /workspaces/komoju-woocommerce/tmp/codespace-name.txt

bin/devcontainer-postcreate

@@ -0,0 +1,9 @@
+#!/bin/sh
+
+set -e
+
+./bin/devcontainer-postattach
+cd tests
+npm install
+./node_modules/.bin/cypress install
+./node_modules/.bin/cypress run --spec cypress/integration/setuponly.spec.js

docker-compose.yml

@@ -34,9 +34,14 @@ services:
        WORDPRESS_CONFIG_EXTRA: |
         define( 'WPLANG', '${WPLANG}');
         define( 'UPLOADS', '/var/www/html/wp-content/uploads' );
-        define( 'WP_DEBUG_LOG', '/tmp/wp-errors.log');
-        define( 'WP_SITEURL', 'http://' . $$_SERVER['HTTP_HOST']);
-        define( 'WP_HOME', 'http://' . $$_SERVER['HTTP_HOST']);
+        define( 'WP_DEBUG', true);
+        define( 'WP_DEBUG_LOG', '/var/www/html/wp-content/wp-errors.log');
+
+        if (getenv('CODESPACES') === 'true') {
+            $$host = trim(file_get_contents("/tmp/codespace-name.txt")) . '-8000.githubpreview.dev';
+            define( 'WP_SITEURL', 'https://' . $$host);
+            define( 'WP_HOME', 'https://' . $$host);
+        }
      volumes:
         - .:/var/www/html/wp-content/plugins/komoju-woocommerce
 volumes:

tests/cypress/integration/admin.spec.js

@@ -1,9 +1,6 @@
 describe('KOMOJU for WooCommerce: Admin', () => {
   beforeEach(() => {
-    cy.installWordpress();
-    cy.signinToWordpress();
-    cy.installWooCommerce();
-    cy.installKomoju();
+    cy.fullSetup();
 
     cy.visit('/wp-admin/admin.php?page=wc-settings&tab=komoju_settings&section=api_settings');
     cy.get('.komoju-endpoint-field').contains('Reset').click();

tests/cypress/integration/checkout.spec.js

@@ -1,9 +1,6 @@
 describe('KOMOJU for WooCommerce: Checkout', () => {
   beforeEach(() => {
-    cy.installWordpress();
-    cy.signinToWordpress();
-    cy.installWooCommerce();
-    cy.installKomoju();
+    cy.fullSetup();
   })
 
   it('lets me make a payment using the KOMOJU gateway', () => {

tests/cypress/integration/setuponly.spec.js

@@ -0,0 +1,5 @@
+describe('KOMOJU for WooCommerce setup', () => {
+  it('I can install WordPress, WC, and KOMOJU', () => {
+    cy.fullSetup();
+  });
+});

tests/cypress/support/commands.js

@@ -24,6 +24,13 @@
 // -- This will overwrite an existing command --
 // Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
 
+Cypress.Commands.add('fullSetup', () => {
+  cy.installWordpress();
+  cy.signinToWordpress();
+  cy.installWooCommerce();
+  cy.installKomoju();
+});
+
 Cypress.Commands.add('installWordpress', () => {
   cy.visit('/wp-admin');