# generator-css-testing

> Yeoman generator

Latest version **0.0.0** (published 2014-05-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install generator-css-testing
pnpm add generator-css-testing
yarn add generator-css-testing
bun add generator-css-testing
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.0 |
| Published | 2014-05-21 |
| First published | 2014-05-21 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=0.10.0 |
| Dependencies | 3 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Dario Carabajal |
| Maintainers | adcarabajal |
| Keywords | yeoman-generator |

## Links

- npm: https://www.npmjs.com/package/generator-css-testing
- Repository: https://github.com/adcarabajal/generator-css-testing
- Issues: https://github.com/adcarabajal/generator-css-testing/issues
- npm.io page: https://npm.io/package/generator-css-testing

## Dependencies (3)

- [chalk](https://npm.io/package/chalk.md) ~0.4.0
- [yosay](https://npm.io/package/yosay.md) ^0.1.0
- [yeoman-generator](https://npm.io/package/yeoman-generator.md) ~0.16.0

## Recent versions

- 0.0.0 (latest) — 2014-05-21

## README

# generator-css-testing 
[![Build Status](https://secure.travis-ci.org/adcarabajal/generator-css-testing.png?branch=master)](https://travis-ci.org/adcarabajal/generator-css-testing)

> [Yeoman] generator to create an example of how to test CSS using webdriver


## Getting Started

### What is a Yeoman generator?

See http://yeoman.io/generators.html

### What does this generator?

Working on UI desing becomes a challenge when several people changes styles and may break them.
This generator setups some tools and files to give you an example of how to test CSS using image comparision on several browsers using webdriver.

### Installation and usage

First get [Yeoman], [Grunt] and this generator, using one command:

```
$ npm install -g yo generator-css-testing
```

Then create a new project:

```
mkdir my-cool-project && cd $_
yo css-testing
```

Run basic local test example...

```
grunt test:local
```

The last command should execute a test that generates initial base screenshots first time. If you run it again, then comparision is executed.

## Technical details

When you run `grunt test:targets` on the generated project:

* A custom boostrap less file is compiled.
* A small server is started in order to serve test html that consumes custom boostrap CSS.
* Then a single test is executed for all targets provided. Targets is a comma separated string of environment set in /test/test-environnments.js .
* The example also contains code to open a tunnel to SauceLabs if you have an account.

## License

MIT

[Yeoman]: http://yeoman.io
[Grunt]: http://gruntjs.com
[LESS]: http://lesscss.org/
[Bower]: http://bower.io/
[Bootstrap]: http://getbootstrap.com/
[Sauce]: https://saucelabs.com/
[WebDriver]: http://admc.io/wd/

---
_Source: https://npm.io/package/generator-css-testing · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._