Design System WordPress Theme

Development Setup

git clone https://github.com/bcgov/design-system-wordpress-theme.git
cd design-system-wordpress-theme
composer install
npm i
npm run start

Build

npm run build:production
composer checklist

Visual Regression Testing

This project uses Playwright to perform visual regression testing of patterns to help catch unintended changes.

npm run wp-env start # Unless already running
npm run test:screenshot

Note: When creating a new pattern it must be added to tests/screenshot/patterns.spec.js in order to be included in regression tests.

Updating Screenshots

The visual-regression workflow runs the update script and commits changes automatically on pull requests, so it's not necessary to commit any updates made locally to the screenshots, but it can still be useful for local development to see what effects your changes will have.

npm run wp-env start # Unless already running
npm run test:screenshot:update

Child Themes