<!DOCTYPE html>
 
<script src="https://unpkg.com/react@16.4.0/umd/react.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

<script src="https://unpkg.com/react-test-renderer@16.4.1/umd/react-test-renderer-shallow.development.js"></script>
<script src="https://unpkg.com/expect@%3C21/umd/expect.min.js"></script>

<script src="https://unpkg.com/mocha@5.2.0/mocha.js"></script>

<link href="https://unpkg.com/mocha@5.2.0/mocha.css" rel="stylesheet" />

<script type="text/babel">
mocha.setup("bdd");

const MyComponent = () => (
  <div>
    <span className="heading">Title</span>
  </div>
);

describe("Component", () => {
  it("Should render", () => {
    const renderer = new ReactShallowRenderer();
    renderer.render(<MyComponent />);
    const result = renderer.getRenderOutput();

    expect(result.type).toBe("div");
    expect(result.props.children).toEqual(<span className="heading">Title</span>);
  })
});

    mocha.checkLeaks();
    mocha.run();
</script>

<div id="mocha"></div>

Got a first draft done with Mocha.

New Lessons #10

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions