jihchi / bs-jest-dom

BuckleScript bindings for jest-dom.

bs-jest-dom ·

BuckleScript bindings for jest-dom.

Installation

$ yarn add --dev bs-jest-dom

# or..

$ npm install --save-dev bs-jest-dom

Usage

Add to bsconfig.json

{
  "bs-dev-dependencies": ["bs-jest-dom"]
}

With bs-jest and bs-react-testing-library

/* Heading_test.re */

open Jest;
open JestDom;
open ReactTestingLibrary;

module Heading = {
  [@react.component]
  let make = (~text) => <h1> {ReasonReact.string(text)} </h1>;
};

test("renders in the document", () =>
  <Heading text="Hello, World!" />
  |> render
  |> getByText(~matcher=`Str("Hello, World!"))
  |> expect
  |> toBeInTheDocument
);

With bs-jest and bs-webapi

/* Heading_test.re */

open Jest;
open JestDom;
open Webapi.Dom;
open Webapi.Dom.Element;

test("heading is visible", () => {
  let div = Document.createElement("div", document);

  div->setInnerHTML("<h1>Hello, World!</h1>");

  div
  |> querySelector("h1")
  |> expect
  |> toBeVisible;
});

Examples

See src/__tests__ for some examples.

Development

$ git clone https://github.com/wyze/bs-jest-dom.git
$ cd bs-jest-dom
$ yarn # or `npm install`

Build

$ yarn build

Test

$ yarn test

Change Log

Full Change Log

v4.0.0 (2020-04-21)

• Update readme.md (@wyze in 40ba55b)
• Convert matchers to externals (@wyze in #17)

License

MIT © Neil Kistner