extends layout

block content
  block style
    link(rel="stylesheet" media="all" href="test/vendor/mocha.css")
    
    style.
      #demo { display: none; }
      
      #mocha .test.pass::before {
        font-size: inherit;
      }
      
      #mocha-stats {
        top: 70px;
      }
      
      @media (max-width:60em) {
        #mocha-stats {
          position: static;
        }
        body {
          padding: 10px 20px;
        }
      }
  
  main.test
    section
      h1 Tests for Umbrella JS
      p Note: It's okay that performance tests fail depending on your browser/computer load. Just re-run them or 
        a(href="https://circleci.com/gh/umbrellajs/umbrella/tree/master" target="_blank") check Circle CI
      
      div#mocha
      div#messages
      div#fixtures
      
      div#demo.demo
        div#base.base
          ul
            li
              a#world.hello.world Hello world
            li
              a Hello world
            li
              a Hello world
          form.login(method="POST" action="/test")
            input(name="name" value="John")
            input(name="email" required)
            input 
            input(name="other" type="checkbox")
            input(type="submit" value="Send!")
          p Lorem <em>ipsum</em>
        
        table.performance
          tr
            th Test 1
            th Test 2
            th Test 3
            th Test 4
  
  
  script(src="test/vendor/mocha.js")
  script(src="test/vendor/chai.js")
  script(src="test/jquery.js")
  script(src="umbrella.js")
  script.
    mocha.setup('bdd');
    var base = u("#base");
  script(src="test/test.js")
  script.
    if (window.mochaPhantomJS) { mochaPhantomJS.run(); }
    else { mocha.run(); }