| import './index'; |
| import { assert } from 'chai'; |
| import { Status } from '../json'; |
| import { TriageSk } from './triage2-sk'; |
| |
| const container = document.createElement('div'); |
| document.body.appendChild(container); |
| |
| afterEach(() => { |
| container.innerHTML = ''; |
| }); |
| |
| describe('triage2-sk', () => { |
| describe('event', () => { |
| it('fires when button is clicked', () => window.customElements.whenDefined('triage2-sk').then(() => { |
| container.innerHTML = '<triage2-sk value=untriaged></triage2-sk>'; |
| let value = 'unfired'; |
| const tr = container.firstElementChild! as TriageSk; |
| tr.addEventListener('change', (e) => { |
| value = (e as CustomEvent<Status>).detail; |
| }); |
| tr.querySelector<HTMLButtonElement>('.positive')!.click(); |
| assert.equal('positive', tr.value, 'Element is changed.'); |
| assert.equal('positive', value, 'Event was sent.'); |
| })); |
| }); |
| }); |