| 1 | var test = require('tape')
|
| 2 | var $ = require('./')
|
| 3 |
|
| 4 | test('creates an element', function (t) {
|
| 5 | t.plan(3)
|
| 6 | var button = $`<button onclick=${function () {
|
| 7 | onselected('success')
|
| 8 | }}>click me</button>`
|
| 9 | var result = $`<ul>
|
| 10 | <li>${button}</li>
|
| 11 | </ul>`
|
| 12 | function onselected (result) {
|
| 13 | t.equal(result, 'success')
|
| 14 | t.end()
|
| 15 | }
|
| 16 | t.equal(result.tagName, 'UL')
|
| 17 | t.equal(result.querySelector('button').textContent, 'click me')
|
| 18 | button.click()
|
| 19 | })
|
| 20 |
|
| 21 | test('using class and className', function (t) {
|
| 22 | t.plan(2)
|
| 23 | var result = $`<div className="test1"></div>`
|
| 24 | t.equal(result.className, 'test1')
|
| 25 | result = $`<div class="test2 another"></div>`
|
| 26 | t.equal(result.className, 'test2 another')
|
| 27 | t.end()
|
| 28 | })
|
| 29 |
|
| 30 | test('create inputs', function (t) {
|
| 31 | t.plan(5)
|
| 32 |
|
| 33 | var expected = 'testing'
|
| 34 | var result = $`<input type="text" value="${expected}" />`
|
| 35 | t.equal(result.tagName, 'INPUT', 'created an input')
|
| 36 | t.equal(result.value, expected, 'set the value of an input')
|
| 37 |
|
| 38 | result = $`<input type="checkbox" checked="${true}" disabled="${false}" />`
|
| 39 | t.equal(result.getAttribute('type'), 'checkbox', 'created a checkbox')
|
| 40 | t.equal(result.getAttribute('checked'), 'checked', 'set the checked attribute')
|
| 41 | t.equal(result.getAttribute('disabled'), null, 'should not have set the disabled attribute')
|
| 42 |
|
| 43 | t.end()
|
| 44 | })
|