SUIT CSS components-test
CSS to help test the visual presentation of components.
Read more about SUIT CSS.
Installation
Available classes
Test
- The core component classTest-title
- The test titleTest-describe
- Describes a component configurationTest-it
- Describes an expected outcome of a configurationTest-run
- A specific context within which the component is tested
Usage
This is an example of an idiomatic SUIT CSS test file:
ComponentName [component] - SUIT CSS SUIT CSS: ComponentName component tests .ComponentName renders <!-- component configuration 1 --> prevents text wrapping <!-- component configuration 1 --> .ComponentName--modifier renders larger <!-- component configuration 2 --> allows text wrapping <!-- component configuration 2 -->
Testing
Install Node (comes with npm).
npm install
To generate a build:
npm run build
To lint code with postcss-bem-linter and stylelint
npm run lint
To generate the testing build.
npm run build-test
To watch the files for making changes to test:
npm run watch
Basic visual tests are in test/index.html
.
Browser support
- Google Chrome (latest)
- Opera (latest)
- Firefox 4+
- Safari 5+
- Internet Explorer 8+