m-yoshiro / styleguide-starterkit

My Leaning for styleguide development.

Styleguide Starterkit

For learning styleguide development.

Installing

# Install nodejs tools.
$ yarn

# Install Gulp CLI.
$ npm i -g gulp-cli
# or
$ yarn global add gulp-cli

# Install Pattern Lab.
$ composer install

Usage

Development

$ gulp

Test

Visual regression test

Using BackstopJS.

# Generate reference images.
$ gulp visual-regression:ref

# Start test.
$ gulp visual-regression:test
# You can use filter option.
$ gulp visual-regression:test --filter <scenario.label>

# Approving test results.
$ gulp visual-regression:approve