expect-element

expect-element is an extension for expect that lets you write better assertions for DOM nodes.

Installation

Using npm:

$ npm install --save expect expect-element

Then, use as you would anything else:

1// using an ES6 transpiler, like babel
2import expect from 'expect'
3import expectElement from 'expect-element'
4expect.extend(expectElement)
5
6// not using an ES6 transpiler
7var expect = require('expect')
8var expectElement = require('expect-element')
9expect.extend(expectElement)

The UMD build is also available on npmcdn:

1<script src="https://npmcdn.com/expect-element/umd/expect-element.min.js"></script>

You can find the library on window.expectElement.

Assertions

toHaveAttribute

expect(element).toHaveAttribute(name, [value, [message]])

Asserts the given DOM element has an attribute with the given name. If value is given, asserts the value of the attribute as well.

1expect(element).toHaveAttribute('id')
2expect(element).toHaveAttribute('id', 'an-id')

toNotHaveAttribute

expect(object).toNotHaveAttribute(name, [value, [message]])

Asserts the given DOM element does not have an attribute with the given name. If value is given, asserts the value of the attribute as well.

1expect(element).toNotHaveAttribute('id')
2expect(element).toNotHaveAttribute('id', 'an-id')

toHaveAttributes

expect(element).toHaveAttribute(attributes, [message])

Asserts the given DOM element has attributes with the names and values in attributes.

1expect(element).toHaveAttributes({
2  id: 'an-id',
3  'class': 'a-class'
4})

toNotHaveAttributes

expect(element).toNotHaveAttribute(attributes, [message])

Asserts the given DOM element does not have attributes with the names and values in attributes.

1expect(element).toNotHaveAttributes({
2  id: 'an-id',
3  'class': 'a-class'
4})

toHaveText

expect(element).toHaveText(text, [message])

Asserts the textContent of the given DOM element is text.

1expect(element).toHaveText('hello world')

toNotHaveText

expect(element).toNotHaveText(text, [message])

Asserts the textContent of the given DOM element is not text.

1expect(element).toNotHaveText('hello world')