Princeton-CDH/ppa-django

import { Subject } from 'rxjs'

import { RxOutput } from './output'

beforeEach(() => {
    document.body.innerHTML = `<output></output>`
})

test('stores state as an observable sequence', () => {
    const element = document.querySelector('output') as HTMLOutputElement
    const ro = new RxOutput(element)
    expect(ro.state).toBeInstanceOf(Subject)
})

test('injects content directly into itself on update', done => {
    const results = `<div class="results"></div>`
    const element = document.querySelector('output') as HTMLOutputElement
    const ro = new RxOutput(element)
    ro.state.subscribe(() => { // when state changes, we check it's correct
        expect(element.innerHTML).toBe(results)
        done()
    })
    ro.update(results)
})