fakeschedulers-react-test.tsx

import { mount } from "enzyme";
import * as React from "react";
import { fakeSchedulers } from "rxjs-marbles/jest";
import { SomeComponent } from "./SomeComponent";

describe("SomeComponent", () => {

  beforeEach(() => jest.useFakeTimers());

  it("should indicate when searching", fakeSchedulers(advance => {
    const wrapper = mount(<SomeComponent />);
    expect(wrapper.find('.searching')).toHaveLength(0);
    wrapper.find("input").simulate("change", { target: { value: "foo" } });
    advance(400);
    wrapper.update();
    expect(wrapper.find('.searching')).toHaveLength(1);
    expect(wrapper.find(".searching").html()).toMatch(/foo/);
  }));
});