Nonstop Progressive Marxism
    Have ideas to improve npm?Join in the discussion! »

    expect-react-shallow

    1.2.1 • Public • Published

    expect-react-shallow

    Build Status

    A Chai’s expect like API wrapper for unexpected-react. It also accepts JSX instead of ShallowRenderer instance.

    expect-react-shallow

    Installation

    npm install --save-dev expect-react-shallow

    Usage

    import React from 'react';
    import { expect } from 'mocha';
    import expectReactShallow from 'expect-react-shallow';
     
    class TestComponent extends React.Component {
        render() {
            return <div className="foo">Hello React!</div>;
        }
    }
     
    describe('TestComponent', () => {
     
      it('works', () => {
     
      // OK
            expectReactShallow(<TestComponent/>)
                .to.have.rendered(<div>Hello React!</div>);
     
            // OK
            expectReactShallow(<TestComponent/>)
                .to.have.exactly.rendered(<div className="foo">Hello React!</div>);
     
            // Error
            expectReactShallow(<TestComponent/>)
                .to.have.exactly.rendered(<div/>);
     
            // OK
            expectReactShallow(<TestComponent/>)
                .to.contain(<div/>);
     
        });
     
    });

    API

    expectReactShallow(ReactComponent|JSX).to.have.rendered(ReactComponent|JSX);
    expectReactShallow(ReactComponent|JSX).to.have.rendered.with.all.children(ReactComponent|JSX);
    expectReactShallow(ReactComponent|JSX).to.have.exactly.rendered(ReactComponent|JSX);
    expectReactShallow(ReactComponent|JSX).to.contain(ReactComponent|JSX);
    expectReactShallow(ReactComponent|JSX).to.contain.exactly(ReactComponent|JSX);
    expectReactShallow(ReactComponent|JSX).to.contain.with.all.children(ReactComponent|JSX);
    expectReactShallow(ReactComponent|JSX).to.not.contain(ReactComponent|JSX);
    expectReactShallow(ReactComponent|JSX).to.not.contain.exactly(ReactComponent|JSX);
    expectReactShallow(ReactComponent|JSX).to.not.contain.with.all.children(ReactComponent|JSX);

    See details in unexpected-react docs.

    Changelog

    The changelog can be found on the Releases page.

    Contributing

    Everyone is welcome to contribute. Please take a moment to review the contributing guidelines.

    Author


    License

    The MIT License, see the included License.md file.

    Install

    npm i expect-react-shallow

    DownloadsWeekly Downloads

    8

    Version

    1.2.1

    License

    MIT

    Last publish

    Collaborators

    • avatar