component.create

import {StageComponent, ComponentTester} from 'aurelia-testing';
import {bootstrap} from 'aurelia-bootstrapper';
import {Aurelia} from 'aurelia-framework';
import {Logon} from '../../src/controls/Logon';

describe('Logon Interface', () => {
    let component: ComponentTester;

    beforeEach(() => {
        component = StageComponent
            .withResources('../../src/controls/logon', '../../src/controls/logon.html')
            .inView('<logon></logon>');
        component.boundTo({_password: 'chrispassword', _userName: 'chris'});
    });

    afterEach(() => {
        component.dispose();
    });

    it('can render the component', done => {
        component.create(bootstrap)
            .then(() => {
                const nameElement: any = document.getElementById('username');
                expect(nameElement.innerHTML).toBe('chris');
            })
            .then(done);
    });
});