atomic-css-components-test

Component for testing other components


License
MIT
Install
bower install atomic-css-components-test

Documentation

Atomic components: test

Component for structuring tests, heavily inspired by SUIT CSS.

Read more about Atomic framework.

Installation

  • Bower: bower install --save atomic-css-components-test
  • Component(1): component install atomic-css/components-test
  • Download: zip, tar.gz
  • Git: git clone https://github.com/atomic-css/components-test.git

Available classes

  • Test - core test component
  • Test-title - test title
  • Test-describe - the 'describe' block
  • Test-it - the 'it' block
  • Test-it--success - successfull 'it' block
  • Test-it--error - errorneous 'it' block
  • Test-run - the 'it' block
  • Test-support - browser support wrapper
  • Test-browser - browser and its version
  • Test-browser--android - Android
  • Test-browser--blackberry - Blackberry
  • Test-browser--chrome - Chrome
  • Test-browser--chromeCanary - Chrome Canary
  • Test-browser--firefox - Firefox
  • Test-browser--firefoxNightly - Firefox Nightly
  • Test-browser--ie - Internet Explorer
  • Test-browser--ieMobile - IE Mobile
  • Test-browser--opera - Opera
  • Test-browser--safari - Safari
  • Test-browser--safariIos - iOS Safari

Usage

The Test component is useful for structuring tests of other components and utilities. It mimics JavaScript's describe and it blocks.

<div class="Test">
  <ul class="Test-support">
    <li class="Test-browser Test-browser--chrome">10+</li>
    ...
  </ul>

  <h2 class="Test-describe">.ComponentName</h2>

  <h3 class="Test-it [Test-it--success|Test-it--error]">Should do something.</h3>

  <div class="Test-run">
    <p>The test itself</p>
  </div>
</div>

Browser support

  • Google Chrome (latest)
  • Opera (latest)
  • Firefox 4+
  • Safari 5+
  • Internet Explorer 8+