Skip to content
A staging ground for tooling improvements to Wagtail
JavaScript Shell
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.githooks
accessibility
backstop
examples
hooks
performance
ui
.editorconfig
.eslintignore
.eslintrc.js
.gitignore
.nvmrc
.prettierignore
.travis.yml
README.md
package-lock.json
package.json
prettier.config.js

README.md

Wagtail tooling

A staging ground for tooling improvements to Wagtail. See example reports.

Check out Awesome Wagtail for more awesome packages and resources from the Wagtail community.

Installation

# Get the code from the repository.
git clone git@github.com:thibaudcolas/wagtail-dev-tooling.git
cd wagtail-dev-tooling
# Install dependencies.
nvm install
npm install
# Configure environment variables.
# touch .env
# Configure Wagtail user session ID to use.
# Get this value by logging into the Wagtail admin of your site, then
# use the developer tools to insect the cookies, to find "sessionid".
# echo "WAGTAIL_SESSIONID=yoursessionid" >> .env

UI regression tests

# 1. Create UI regression reference.
npm run regression:reference
# 2. Run UI regression tests.
npm run regression:test
# 3. Open UI regression report.
npm run regression:open

Git hooks

Pre-commit hooks ready to use with Wagtail: ./hooks.

Examples

BackstopJS UI regression report

BackstopJS UI regression report

Grafana dashboard displaying web performance metrics

Grafana dashboard displaying web performance metrics

Sitespeed performance budget output

Sitespeed performance budget output

Sitespeed performance metrics

Sitespeed performance metrics

Sitespeed page load waterfall chart

Sitespeed page load waterfall chart

Documentation

You can’t perform that action at this time.