qunit-dom
High Level DOM Assertions for QUnit
assert.dom('h1').exists();
assert.dom('h1').hasClass('title');
assert.dom('h1').hasText('Welcome to Ember, John Doe!');
assert.dom('input').isFocused();
assert.dom('input').hasValue(/.+ Doe/);
assert.dom('input').hasAttribute('type', 'text');
Install
npm
npm install --save-dev qunit-dom
or using yarn:
yarn add --dev qunit-dom
Ember projects using ember-qunit v5.x and above
Import and run the setup function in your test-helper.js file:
// tests/test-helper.js
import * as QUnit from 'qunit';
import { setup } from 'qunit-dom';
//...
setup(QUnit.assert);
setApplication(Application.create(config.APP));
start();
//...
This will attach the APIs to QUnit's assert object.
Ember projects using ember-qunit v4.x and below
qunit-dom will automatically attach the APIs to QUnit's assert object. No extra setup required
<script> Tag
Load qunit-dom.js after qunit.js:
<script src="https://unpkg.com/qunitjs/qunit/qunit.js"></script>
<script src="https://unpkg.com/qunit-dom/dist/qunit-dom.js"></script>
Usage
Once installed the DOM element assertions are available at assert.dom(...).*:
test('the title is welcoming', function(assert) {
assert.dom('#title').hasText('Welcome to QUnit');
});
All available assertions are documented in API.md.
A basic codemod to automatically convert your assertions is available athttps://github.com/simplabs/qunit-dom-codemod.
TypeScript
qunit-dom includes type definition files, but the way it extends QUnit meansthat you need import it somewhere so that TS and your editor can pick up thetypes. It is recommended to add the following line to yourtests/test-helper.ts file:
import 'qunit-dom';
Rename your tests/test-helper.js to .ts if you do not have such afile yet.
Contributing
See CONTRIBUTING.md.
Related
- chai-dom – DOM assertions forthe Chai assertion library using vanilla JavaScript
- chai-jquery – jQuery assertionsfor chai
License
qunit-dom is developed by and ©simplabs GmbH and contributors. It is released under theMIT License.
-
软件测试是评估软件以检测给定输入集的预期输出与实际输出之间的差异的过程。 测试，尤其是单元测试，应该是每个开发人员生活中必不可少的一部分。 不幸的是，许多开发人员似乎对此活动感到害怕。 在JavaScript中，我们可以选择很多框架来测试我们的代码库。 Mocha ， Selenium和QUnit是一些示例。 在本文中，我将向您介绍QUnit。 QUnit是由jQuery团队开发和维护的单元测试框
-
原子性： 当将许多测试用例放到一起测试的时候，可能会因为相互的副作用而出错；这个时候应该尽可能将他们分别放到test()中测试； 对应测试到Dom,应该尽可能地使用#qunit-fixture，因为它会在一次测试完之后自动清除绑定； QUnit.test( "Appends a div", function( assert ) { var $fixture = $( "#qunit-fixtu
-
ok( truthy [, message ] ) //truthy结果true则显示message信息 1 QUnit.test("ok test", function(assert) { 2 assert.ok(true, "true succeeds"); 3 assert.ok("non-empt
-
模拟操作： elem.trigger(event); elem.triggerHandler(event); triggerHandler的不同： 不会引起事件的默认行为 .trigger() 会操作 jQuery 对象匹配的所有元素，而 .triggerHandler() 只影响第一个匹配元素。 由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡。 该方法的返回的是事件处
-
30分钟让你了解 Javascript 单元测试框架 QUnit，并能在程序中使用。补充了控制台输出测试结果相关内容。 题外话 有些童鞋可能会问，单元测试真的有必要吗？ 实际上，相信我们写完代码至少都会进行一些简单的输入输出测试，检查代码是否会报错。但是这相对比较手工，当我们代码的内部逻辑进行了一些改动，我们又需要进行一些测试，而且很容易漏掉一些测试，造成回归错误(改这里，造成那里出错)。如果我们
-
Getting Setup Luckily, getting QUnit setup is a fairly straight-forward process that will take less than 5 minutes. We first setup a testing environment composed of three files: A HTML structure for d
-
QUnit 是一个功能强大、易于使用的 JavaScript 单元测试框架。它被 jQuery 项目用于测试代码和插件，它能够测试任何通用的 JavaScript 代码（甚至能够在服务器端测试 JavaScript 代码）。 示例代码： test("a basic test example", function() { ok( true, "this test is fine" );
-
问题内容： 如何轻松地将Jenkins与qUnit集成？我将使用真正的浏览器（如firefox和chrome）运行测试。我的服务器在RedHat 6.1 Linux上运行。我想我都需要插件/库，但是我仍然不知道如何使其工作。我第一次与Jenkins合作（在服务器端）。 //编辑： 如果有人也可以共享想法如何构建覆盖率报告，那将是很棒的。 提前致谢 ：）。 问题答案： 说詹金斯和QUnit只是难题的
-
QUnit 是一个非常小的 C++ 单元测试框架。 代码示例： // FooTest.cpp #include "Foo.hpp" #include "QUnit.hpp" #include <iostream> int main() { QUnit::UnitTest qunit(std::cerr, QUnit::normal); Foo f; QUNIT_IS_EQU
-
问题内容： 我已经开始使用Qunit测试我的JS代码。我正在研究JSCoverage，以便稍后生成覆盖率报告。我们有一个CI服务器（Jenkins），它已经在用我们的PHP代码做一些事情，我想知道是否有人可以评论如何将Qunit和JSCoverage的报告集成到Jenkins中 谢谢斯帕什 问题答案： QUnit：使用QUnitAPI生成junitXML文件。这是一个样本。 然后在您的工作 的构建
-
ember-qunit-codemod This codemod is intended to automatically convert your projects from the oldermoduleFor* syntax of ember-qunit@2 to the newer syntax proposed by emberjs/rfcs#232. This codemod can