如何使用类方法(创建超文本标记语言)与TypeScript、JSDOM、Mocha、Chai一起测试视图？
使用类方法与TypeScript、JSDOM、Mocha和Chai一起测试视图的过程如下：
- 首先，确保你已经安装了Node.js和npm（Node包管理器）。
- 创建一个新的文件夹，并在该文件夹中打开终端。
- 在终端中运行以下命令，初始化一个新的Node.js项目：
npm init -y- 安装所需的依赖包：
npm install typescript jsdom mocha chai --save-dev- 创建一个名为
index.ts的TypeScript文件，并在其中编写你的类方法（创建超文本标记语言）。 - 创建一个名为
index.test.ts的TypeScript文件，并在其中编写你的测试代码。 - 在
index.test.ts文件中，导入所需的依赖包和你的类方法：
import { expect } from 'chai';
import { JSDOM } from 'jsdom';
import { YourClass } from './index';- 编写测试用例，并使用
describe和it函数进行组织：
describe('YourClass', () => {
it('should create HTML', () => {
const dom = new JSDOM('<!DOCTYPE html><html><body></body></html>');
const document = dom.window.document;
const yourClass = new YourClass(document);
const result = yourClass.createHTML();
expect(result).to.equal('<!DOCTYPE html><html><body><h1>Hello, World!</h1></body></html>');
});
});- 在终端中运行以下命令，编译你的TypeScript代码：
npx tsc- 在终端中运行以下命令，执行你的测试：
npx mocha --require ts-node/register index.test.ts- 如果所有的测试用例通过，你将看到测试结果的输出。
这样，你就可以使用类方法与TypeScript、JSDOM、Mocha和Chai一起测试视图了。
注意：以上步骤假设你已经实现了一个名为YourClass的类，并且在其中有一个名为createHTML的方法，用于创建HTML。你需要根据你的实际情况进行相应的调整和修改。
相关·内容
我安装了所有的@types/依赖项和JSDOM，在我直接从测试中调用它的情况下工作得很好，而当我调用View.ts时却不起作用 _element_id_element_id).textContent然后我创建了一个测试文件，它看起来像import { assert } fr
浏览 7提问于2019-11-08得票数 0
我以前写过一个测试脚本，非常类似于下面给定的脚本。它运行良好，以下版本的库"chai-jquery": "^2.0.0","jsdom": "^8.1.0","react-addo
浏览 0提问于2018-03-02得票数 2
我希望运行单元测试，从bash到测试我的类型记录生成的Javascript类使用mocha和mocha-jsdom。我使用mocha-jsdom是因为我想在我的测试中模拟dom，但是从bash运行单元测试。
我见过一些例子，它们在浏览器中使用mocha的前端测试框架，但我还没有看到它们是从bash运行的。看来，我无法在我的摩卡单
浏览 0提问于2017-05-19得票数 0
回答已采纳
3回答
我一直在使用NodeJS和Mocha生成一些测试，我想找到一种方法将结果放到浏览器中。我知道Mocha支持使用'html‘报告器和mocha init <dir>，但是这两者似乎都不适合我(这个报告器实际上甚至没有运行测试就抛出了错误)。谁能给我一个通过Mocha运行一个测试并生成一个超文本标记语言报告的好例子?我想模仿的一个例子在站点上。此
浏览 5提问于2013-11-14得票数 14
回答已采纳
4回答
在我们的项目中，我们需要自动化使用GraphQL和REST的Node.js编写的API，为此我们必须开发一个必须支持(同步，异步调用)的API自动化框架。
浏览 1提问于2017-05-26得票数 1
4回答
this.latitude + '&lon=' + this.longitude, }).promise();}import {Weather} from '../js/weather';
import chai from 'chai</e
浏览 8提问于2017-06-06得票数 2
回答已采纳
4回答
我正在用NodeJS编写一个API，并使用Mocha、Chai和SuperTest进行测试。我使用的是一种典型的测试驱动方法，首先编写测试，然后用工作代码满足这些测试。但是，由于所有不同排列的测试数量众多，我已经开始编写空占位符测试，这样我就可以使用所有的it('should...')描述来提醒我，当我到达该特性时，应该测试什么。not ret
浏览 10提问于2015-01-26得票数 20
回答已采纳
我的项目与TypeScript完全建立在一起。我使用Systemjs作为JSPM包的导入程序。类)。因为Mocha不知道Three.js，所以这个测试在初始化我的控制器的实例时失败。所以我的问题是：
<e
浏览 3提问于2015-09-22得票数 2
回答已采纳
我刚刚下载了TypeScript文档。我有一些JavaScript类，我想在TypeScript测试应用程序中创建和使用这些类我该怎么做？
我正在尝试在TypeScript</e
浏览 108提问于2012-10-03得票数 22
回答已采纳
3回答
如何在C#中序列化HTML？有没有一种方法可以对HTML文档做同样的事情？至少，有没有一种方法可以使用C#来确定一个超文本标记语言文件是否有效？
浏览 0提问于2009-11-25得票数 0
回答已采纳
2回答
我正在尝试使用Mocha设置一些JS测试，理想情况下，我希望通过命令行与网页相反来运行这个测试。/testing-frontend-javascript-code-using-mocha-chai-and-sinon/**/ "use strict/ test /test.js一起：
var chai = require(&q
浏览 1提问于2013-11-19得票数 3
回答已采纳
根据教程，我在尝试定义一个函数来呈现一些超文本标记语言时遇到了一个问题。div> </div>}function App() { <div>
浏览 1提问于2018-03-14得票数 9
回答已采纳
我正在与钛工作室，开发安卓应用程序，我想实现我的列表视图行重新排序像这样。我如何实现这一点？任何例子或建议。提前谢谢。
浏览 0提问于2014-01-20得票数 1
所以我的计划是让你的普通JavaScript和超文本标记语言一起工作来创建和动态改变你的网页。但是，我希望在一个单独的类中创建一个xmlhttp对象，以便它可以与任何类一起使用，而不是在同一个类中使用并创建具有不同函数的xmlhttp对象。我正在努力寻找如何做到这一点的例子，但似乎每个人都创建了它，并使
浏览 0提问于2020-03-06得票数 0
1回答
我试图让Vue.js从现有的超文本标记语言模板中实例化它的组件，但是我找不到任何关于这样做的合理信息。我使用的是非JavaScript后端框架和在视图堆栈中作为普通.js文件添加的Vue.js。method that will read/parse the component data, do binding, whatever });</script>
每当我在超文本标记语言结构中
浏览 17提问于2018-07-31得票数 4
回答已采纳
如何使用DOMDocument、DOMNode和家族的其余部分读取标记属性和类？也许有什么有用的扩展/模块可以用来做这个？
提前感谢！
浏览 0提问于2011-07-28得票数 0
回答已采纳
我正在创建一个与超文本标记语言，CSS和JavaScript静态网站。在桌面/平板电脑/移动视图中调整大小和测试时，网站完全响应。我正在努力弄清楚的是，我如何调整导航栏(菜单)的大小，当我使用桌面/平板电脑视图时，它看起来像一个普通的网站导航栏，然后当我尝试移动视图时，底部会有一个导航栏，就像一个应用程序一样。
浏览 1提问于2018-12-04得票数 1
1回答
Fax表本身将有一个fax_number列，它希望与recipeint name一起使用。才能把这个发送出去。如何从控制器调用render，而不实际呈现视图，只是处理它并将结果添加到列中？这种解决问题的方法最有意义吗？你能想出一个更好的<em
浏览 0提问于2011-08-26得票数 0
回答已采纳
该应用程序基于5个模块，每个模块34个类-总共170个。每个类都有自己的html页面。因为我不想为每个类创建一个视图，所以我搭建了一个Aula模型(葡萄牙语中的“class”)，并将每个类的html保存在模型的DB中，因此我只能使用标准的Show视图路径来显示使用各自id的类。控制器代码： @aula = set_aula这些超文本标记语
浏览 6提问于2015-11-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
