Eminent

Eminent

Eminent is a DOM assertions library with Emmet syntax for JavaScript testing.

describe('eminent', () => {
    it('uses easy to read abbreviations to verify DOM', () => {
        eminent.domIsLike(html, 'select>option*3')
    })

    it('intelligently compares attributes and content', () => {
        eminent.domAttrsIsLike(html, 'div.header.logo')
    })
})

Installation

$ npm install eminent

API Reference

eminent.domIs(dom, abbr)

Strictly compare DOM to Emmet abbreviation.

Kind: static method of eminent
Throws:

• exception When DOM does not strictly match the Emmet abbreviation

Example

import * as eminent from 'eminent'

let html = '<div id="header"><div class="logo">Company</div></div>'

eminent.domIs(html, 'div#header>div.logo{Company}')

eminent.domIsLike(dom, abbr)

Compare DOM to Emmet abbreviation. Ignores whitespace, attributes and content.

Kind: static method of eminent
Throws:

• exception When DOM does not loosely match the Emmet abbreviation

Example

import * as eminent from 'eminent'

let html = `
    <div id="header">
        <div class="logo">
            Company
        </div>
    </div>
`

eminent.domIsLike(html, 'div>div')

eminent.domAttrsIs(dom, abbr)

Compare DOM to Emmet abbreviation, including attribute names and values. Ignores whitespace and content.

Kind: static method of eminent
Throws:

• exception When DOM does not loosely match the Emmet abbreviation, including attribute names and values.

Example

import * as eminent from 'eminent'

let html = `
    <div id="header">
        <div class="logo">
            Company
        </div>
    </div>
`

eminent.domAttrsIs(html, 'div#header>div.logo')

eminent.domAttrsIsLike(dom, abbr)

Compare DOM to Emmet abbreviation, including attribute names. Ignores whitespace, attribute values and content.

Kind: static method of eminent
Throws:

• exception When DOM does not loosely match the Emmet abbreviation, including attribute names.

Example

import * as eminent from 'eminent'

let html = `
    <div id="header">
        <div class="logo">
            Company
        </div>
    </div>
`

eminent.domAttrsIsLike(html, 'div#id>div.class')

eminent.domContentIs(dom, abbr)

Compare DOM to Emmet abbreviation, including content. Ignores whitespace and attributes.

Kind: static method of eminent
Throws:

• exception When DOM does not loosely match the Emmet abbreviation, including content.

Example

import * as eminent from 'eminent'

let html = `
    <div id="header">
        <div class="logo">
            Company
        </div>
    </div>
`

eminent.domContentIs(html, 'div#header>div.logo{Company}')