<Test>

Executes a test function and shows the result in a browser. Optionally, the tests can run in a terminal, via a headless browser for example.

The tests in a <TestContainer> run sequentially. The child components of each <Test> component are only rendered when the test is running or has run.

<Test> components must have a <TestContainer> parent somewhere in the tree.

The test states are:

Example in a NextJS page:

import { Test, TestContainer, expect } from "react-browser-tests";

export default function TestPage() {
  return (
    <TestContainer>
        <Test title="Expect 1 + 1 to equal 2." fn={() => {
          expect(1 + 1).to.equal(2);
        }} />
    </TestContainer>
  );
}

If we navigate to that page, we'll see:

Props