Use Enzyme to test React/Redux container - Code List 4

ShowBox.2.spec.js

describe('ConnectedShowBox', () => {
  it("should render a text box with empty string inside if string is not provided by store", () => {
    const testState = {
      searchBox: {
        search: ""
      }
    };
    const store = createMockStore(testState)
    const component = shallowWithStore(<ConnectedSearchBox />, store);
    
    expect(component.dive().find("form > div > input").prop("value")).to.equal("")
    
    component.dive().find("form > div > input").simulate("change", { target: { value: "Site" } });
    expect(component.dive().find("form > div > input").prop("value")).to.equal("Site")
});