$ ember install ember-chai-dom-helpersIn your /tests/test-helper.js file, simply add :
import setupChaiDomHelpers from 'ember-chai-dom-helpers/test-support/setup';
setupChaiDomHelpers();The assertion subject have to be one of the following:
- A DOM element
- A selector
Here's the helpers availables:
Test if the specified subject exists.
expect('.something').to.be.rendered;
expect('.something').to.be.not.rendered;Test the plain text content of the subject.
expect('.something').to.have.textContent('foobar');
expect('.something').to.not.have.textContent('foobar');Test the html content of the subject.
expect('.something').to.have.htmlContent('<div>foobar</div>');
expect('.something').to.not.have.htmlContent('<div>foobar</div>');Test the number of elements that matches the subject.
expect('.something').to.have.count(1);
expect('.something').to.not.have.count(1);Test if the subject have a given class.
expect('.something').to.have.class('active');
expect('.something').to.not.have.class('active');It is also possible to test ember-css-module local classes.
expect('.something').to.have.localClass('active'); // would match the class '_active_q1w2e3'
expect('.something').to.not.have.localClass('active');Test if the subject have a specific style value.
expect('.something').to.have.style('color', 'hotpink');
expect('.something').to.not.have.style('color', 'hotpink');expect('.something').to.be.disabled;
expect('.something').to.be.not.disabled;Test if the subject have a specific attribute value.
expect('.something').to.have.attribute('alt', 'foobar');
expect('.something').to.not.have.attribute('alt', 'foobar');Test the subject's value.
expect('.something').to.have.value('foobar');
expect('.something').to.not.have.value('foobar');ember-chai-dom-helpers is © 2019 Mirego and may be freely distributed under the New BSD license.
See the LICENSE.md file.
The cup logo is based on this lovely icon by MHD AZMI DWIPRANATA, from The Noun Project. Used under a Creative Commons BY 3.0 license.
Mirego is a team of passionate people who believe that work is a place where you can innovate and have fun. We're a team of talented people who imagine and build beautiful Web and mobile applications. We come together to share ideas and change the world.
We also love open-source software and we try to give back to the community as much as we can.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent