import React from "react"
import { mount } from "enzyme";

describe("given a MessageListStateProvider", () => {
  describe("when mounted", () => {
    test("then the renderProp should be called a first time with no message and a loading state at true, and a second time with the messages and a loading state at false", done => {
      const { ContextProvider, MessageListStateProvider } = createTestApp();
      const { renderProp } = createRenderExpectations({
        expectations: [
          {
            loading: true,
            messages: []
          },
          {
            loading: false,
            messages: [
              {
                id: "m1",
                content: "msg 1",
                user: { id: "u1", username: "user 1" }
              },
              {
                id: "m2",
                content: "msg 2",
                user: { id: "u2", username: "user 2" }
              },
              {
                id: "m3",
                content: "msg 3",
                user: { id: "u1", username: "user 1" }
              }
            ]
          }
        ],
        expect,
        done
      });
      mount(
        <ContextProvider>
          <MessageListStateProvider>{renderProp}</MessageListStateProvider>
        </ContextProvider>
      );
    });
  });
});