2024-07-07 23:32:30 +08:00
|
|
|
import {createElementFromAttrs, createElementFromHTML} from './dom.ts';
|
2024-06-07 21:42:31 +08:00
|
|
|
|
|
|
|
test('createElementFromHTML', () => {
|
|
|
|
expect(createElementFromHTML('<a>foo<span>bar</span></a>').outerHTML).toEqual('<a>foo<span>bar</span></a>');
|
|
|
|
});
|
2024-06-27 01:01:20 +08:00
|
|
|
|
|
|
|
test('createElementFromAttrs', () => {
|
|
|
|
const el = createElementFromAttrs('button', {
|
|
|
|
id: 'the-id',
|
|
|
|
class: 'cls-1 cls-2',
|
|
|
|
'data-foo': 'the-data',
|
|
|
|
disabled: true,
|
2024-08-02 03:06:03 +08:00
|
|
|
checked: false,
|
2024-06-27 01:01:20 +08:00
|
|
|
required: null,
|
2024-08-02 03:06:03 +08:00
|
|
|
tabindex: 0,
|
2024-06-27 01:01:20 +08:00
|
|
|
});
|
2024-08-02 03:06:03 +08:00
|
|
|
expect(el.outerHTML).toEqual('<button id="the-id" class="cls-1 cls-2" data-foo="the-data" disabled="" tabindex="0"></button>');
|
2024-06-27 01:01:20 +08:00
|
|
|
});
|