飞道科技

飞道科技文档总汇

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');
});

步骤

时间转换相同

  1. clone 代码到本地

git clone git@gitee.com:feidao-edu/test.git

  1. src中已有文件dom.ts复制它,并重命名为 tqf-dom.ts
  2. 在tests目录下创建测试文件tqf-dom.test.js
  3. 在3中创建的测试文件中写成单元测试代码的编写
  4. 在2中创建的文件中修改原功能代码,包括添加注释等。

容易存在的问题

让学员单独讲源码及测试代码