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+