简介
unexpected-htmllike-raw-adapter是一个npm包,它提供了一种与unexpected测试框架一起使用的方法,帮助测试某些不依赖于DOM操作的前端代码。本文将详细介绍如何使用这个npm包。
安装
可以通过npm来安装unexpected-htmllike-raw-adapter包:
npm i unexpected-htmllike-raw-adapter --save-dev
使用方法
引入unexpected-htmllike-raw-adapter后,通过一些配置,即可开始使用unexpected进行测试。
配置方法
const unexpected = require('unexpected'); const htmllike = require('unexpected-htmllike'); const rawAdapter = require('unexpected-htmllike-raw-adapter'); unexpected.use(htmllike); unexpected.use(rawAdapter);
使用unexpected.use方法引入两个插件,其中引入unexpected-htmllike为unexpected的一个html相关的插件,引入unexpected-htmllike-raw-adapter为一个解决某些不依赖于DOM的前端代码测试的适配器,配合写好的测试用例可完成代码的测试。
测试案例
下面我们通过一些测试案例来详细展示unexpected-htmllike-raw-adapter的使用方法:
-- -------------------- ---- ------- ----- ---------- - ---------------------- ----- ---------- - ------------------------------------------- --------------------------- ------------------------------------ -------- -- - ------------ -------- -- - -------- ---------- --------------- -- --- ---- ------ ------ --- ---
在这个测试案例中,通过expect方法实现测试匹配。它指定我们要测试的对象是 { innerHTML: '
<div>测试</div>
的对象,我们测试是否可以从这个对象中返回“测试”这个文本片段,这个函数将使用unexpected-htmllike-raw-adapter来完成测试。
指导意义
unexpected-htmllike-raw-adapter插件提供了一种以更好的方式测试不依赖于DOM操作的前端代码的方法。
unexpected-htmllike-raw-adapter插件是在unexpected框架的基础上二次封装的插件,使用也更简单。
unexpected-htmllike-raw-adapter的使用可以大大提高测试效率。
结论
本文介绍了npm包unexpected-htmllike-raw-adapter的使用方法及相关配置,展示了它是如何帮助测试某些不依赖于DOM的前端代码的,同时还介绍了它的指导意义。希望对你有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/61297