Security News
Research
Data Theft Repackaged: A Case Study in Malicious Wrapper Packages on npm
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
chai-jquery
Advanced tools
chai-jquery is an extension to the chai assertion library that provides a set of jQuery-specific assertions.
Include chai-jquery.js
in your test file, after jquery.js
and chai.js
(version 1.0.0-rc1 or later):
<script src="jquery.js"></script>
<script src="chai.js"></script>
<script src="chai-jquery.js"></script>
Note that jquery.js
and chai.js
can be inserted one before another (order does not matter here).
Use the assertions with chai's expect
or should
assertions.
attr(name[, value])
Assert that the first element of the selection has the given attribute, using .attr()
.
Optionally, assert a particular value as well. The return value is available for chaining.
$('#header').should.have.attr('foo');
expect($('body')).to.have.attr('foo', 'bar');
expect($('body')).to.have.attr('foo').match(/bar/);
prop(name[, value])
Assert that the first element of the selection has the given property, using .prop()
.
Optionally, assert a particular value as well. The return value is available for chaining.
$('#header').should.have.prop('disabled');
expect($('body')).to.have.prop('disabled', false);
expect($('body')).to.have.prop('value').match(/bar/);
css(name[, value])
Assert that the first element of the selection has the given CSS property, using .css()
.
Optionally, assert the computed value as well. The return value is available for chaining.
$('#header').should.have.css('background');
expect($('body')).to.have.css('background-color', 'rgb(0, 0, 0)');
expect($('body')).to.have.css('font-family').match(/sans-serif/);
data(name[, value])
Assert that the first element of the selection has the given data value, using .data()
.
Optionally, assert a particular value as well. The return value is available for chaining.
$('#header').should.have.data('foo');
expect($('body')).to.have.data('foo', 'bar');
expect($('body')).to.have.data('foo').match(/bar/);
class(className)
Assert that the first element of the selection has the given class, using .hasClass()
.
$('#header').should.have.class('foo');
expect($('body')).to.have.class('foo');
id(id)
Assert that the first element of the selection has the given id, using .attr('id')
.
$('.header').should.have.id('#main');
expect($('body')).to.have.id('foo');
html(html)
Assert that the html of the first element of the selection is equal to the given html, using .html()
.
$('.name').should.have.html('<em>John Doe</em>');
expect($('#title')).to.have.html('Chai Tea');
text(text)
Assert that the text of the first element of the selection is equal to the given text, using .text()
.
$('.name').should.have.text('John Doe');
expect($('#title')).to.have.text('Chai Tea');
value(value)
Assert that the first element of the selection has the given value, using .val()
.
$('.name').should.have.value('John Doe');
expect($('.year')).to.have.value('2012');
visible
Assert that at least one element of the selection is visible, using .is(':visible')
.
$('.name').should.be.visible;
expect($('.year')).to.be.visible;
hidden
Assert that at least one element of the selection is hidden, using .is(':hidden')
.
$('.name').should.be.hidden;
expect($('.year')).to.be.hidden;
selected
Assert that at least one element of the selection is selected, using .is(':selected')
.
$('option').should.be.selected;
expect($('option')).not.to.be.selected;
checked
Assert that at least one element of the selection is checked, using .is(':checked')
.
$('.checked').should.be.checked;
expect($('input')).not.to.be.checked;
enabled
Assert that at least one element of the selection is enabled, using .is(':enabled')
.
$('.enabled').should.be.enabled;
expect($('enabled')).to.be.enabled;
disabled
Assert that at least one element of the selection is disabled, using .is(':disabled')
.
$('.disabled').should.be.disabled;
expect($('input')).not.to.be.disabled;
empty
Assert that at least one element of the selection is empty, using .is(':empty')
.
If the object asserted against is not a jQuery object, the original implementation will be called.
$('.empty').should.be.empty;
expect($('body')).not.to.be.empty;
exist
Assert that the selection is not empty. Note that this overrides the built-in chai assertion. If the object asserted against is not a jQuery object, the original implementation will be called.
$('#exists').should.exist;
expect($('#nonexistent')).not.to.exist;
match(selector)
Assert that the selection matches a given selector, using .is()
. Note that this overrides
the built-in chai assertion. If the object asserted against is not a jQuery object, the original implementation will be called.
$('input').should.match('#foo');
expect($('#empty')).to.match(':empty');
contain(text)
Assert that the selection contains the given text, using :contains()
.
If the object asserted against is not a jQuery object, or if contain
is not called as a function, the original
implementation will be called.
$('body').should.contain('text');
expect($('#content')).to.contain('text');
descendants(selector)
Assert that the selection contains at least one element which has a descendant matching the given selector,
using .has()
.
$('body').should.have.descendants('h1');
expect($('#content')).to.have.descendants('div');
focus()
Assert that at least one element of the selection is visible. Note that this assertion does not use .is(':focus')
.
It rather uses $('.element').get(0) === document.activeElement
, because of incompatibility of .is(':focus') in certain webkit browsers.
$('#focused').should.have.focus();
expect($('#nonfocused')).not.have.focus();
To run the test suite, run npm install
(requires
Node.js to be installed on your system), and open
test/index.html
in your web browser.
Copyright (c) 2012 John Firebaugh
MIT License (see the LICENSE file)
FAQs
jQuery assertions for the Chai assertion library
The npm package chai-jquery receives a total of 13,297 weekly downloads. As such, chai-jquery popularity was classified as popular.
We found that chai-jquery demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.
Security News
The Ultralytics' PyPI Package was compromised four times in one weekend through GitHub Actions cache poisoning and failure to rotate previously compromised API tokens.