DOM
html
xml
Nodejs上使用Dom
browser-env
import test from 'ava';
import browserEnv from 'browser-env';
browserEnv();
import { fromString, create } from '../dist/dom';
test('create dom from string', async (t) => {
const div = fromString(`<div data-test="111">value</div><div data-test="222">value</div>`);
t.is(div.childNodes.length, 2);
t.is(div.childNodes[0].getAttribute('data-test'), "111");
t.is(div.childNodes[1].getAttribute('data-test'), "222");
});
test('create', async (t) => {
const div = create('div', {
id: 'testid',
attributes: {
'data-test': 'testattr'
}
});
t.is(div.getAttribute('data-test'), 'testattr');
});
步骤
与时间转换相同
- clone 代码到本地
git clone git@gitee.com:feidao-edu/test.git
- src中已有文件
dom.ts
复制它,并重命名为tqf-dom.ts
- 在tests目录下创建测试文件
tqf-dom.test.js
- 在3中创建的测试文件中写成单元测试代码的编写
- 在2中创建的文件中修改原功能代码,包括添加注释等。
容易存在的问题
让学员单独讲源码及测试代码