it('should mount and unmount a basic component #2', () => {
let mountCount;
let unmountCount;
class ComponentLifecycleCheck extends Component<any, any> {
render() {
return createElement('div', null,
createElement('span', null)
);
}
componentDidMount() {
mountCount++;
}
componentWillUnmount() {
unmountCount++;
}
}
mountCount = 0;
unmountCount = 0;
render(createElement(ComponentLifecycleCheck, null), container);
expect(mountCount).to.equal(1);
render(null, container);
expect(unmountCount).to.equal(1);
render(createElement(ComponentLifecycleCheck, null), container);
expect(mountCount).to.equal(2);
render(null, container);
expect(unmountCount).to.equal(2);
});
const BaseView = function(v0, v1) {
return createElement('div', { class: 'login-view' },
createElement('button', { onclick: v0 }, 'ADD'),
createElement('br', null),
v1
);
};
let template = (Component, title?) =>
createElement('div', null,
createElement(Component, {
title,
name: 'Hello, World!'
})
)
let template = (Component, title, isChecked) =>
createElement('div', null,
createElement(Component, {
title,
isChecked
})
);
let template = (Component, title) =>
createElement('div', null,
createElement(Component, {
title,
name: 'basic-render'
})
);
const template = (val?) => createElement('select', {
multiple: true,
value: val
}, createElement('option', {
value: 1
}, 1), createElement('option', {
value: 2
}, 2));
const template = (val) => createElement('select', {
multiple: true,
value: val
}, createElement('option', {
value: 'foo'
}, 'foo'), createElement('option', {
value: 'bar'
}, 'bar'));
const app = () => {
return createElement('div', null,
createElement(Button, {
type: 'button',
children: ['Do a thing']
})
);
};
it("'abc' => null", () => {
const f = document.createDocumentFragment();
const a = createElement("div", null, "abc");
const b = createElement("div", null);
render(a, f);
render(b, f);
expect((f.firstChild as Element).childNodes.length).to.equal(0);
});
const template = (styles, title) =>
createElement('div', {
style: styles
},
createElement('span', {
style: styles
}, 'The title is ', title)
)
