Add EditUserModal.integ.spec.js and integration test helpers

frontend/test/__support__/integration_tests.js

+import React from "react";
+
+import { Provider } from "react-redux";
+import { mount } from "enzyme";
+
+import reducers from "metabase/reducers-main";
+import { getStore } from "metabase/store";
+
+import { MockResponse } from "xhr-mock";
+
+// helper for JSON responses, also defaults to 200 status code
+MockResponse.prototype.json = function(object) {
+  return this.status(this._status || 200)
+    .header("Content-Type", "application/json")
+    .body(JSON.stringify(object));
+};
+
+export function getTestStore(reducers) {
+  const dispatchSpy = jest.fn(() => ({}));
+  const reducerSpy = (state, action) => dispatchSpy(action);
+
+  const store = getStore({ ...reducers, reducerSpy });
+
+  store.waitForAction = function(type) {
+    return new Promise(resolve => {
+      let existingCallsCount = dispatchSpy.mock.calls.length;
+      const unsubscribe = store.subscribe(() => {
+        const newCalls = dispatchSpy.mock.calls.slice(existingCallsCount);
+        if (newCalls.find(call => call[0].type === type)) {
+          unsubscribe();
+          resolve();
+        } else {
+          existingCallsCount = dispatchSpy.mock.calls.length;
+        }
+      });
+    });
+  };
+
+  return store;
+}
+
+export function mountWithStore(element) {
+  const store = getTestStore(reducers);
+
+  const wrapper = mount(<Provider store={store}>{element}</Provider>);
+
+  // NOTE: automatically call wrapper.update when the store changes:
+  // https://github.com/airbnb/enzyme/blob/ed5848085051ac7afef64a7d045d53b1153a8fe7/docs/guides/migration-from-2-to-3.md#for-mount-updates-are-sometimes-required-when-they-werent-before
+  store.subscribe(() => wrapper.update());
+
+  return { wrapper, store };
+}

frontend/test/metabase/admin/people/containers/EditUserModal.integ.spec.js

+import React from "react";
+import mock from "xhr-mock";
+import { mountWithStore } from "__support__/integration_tests";
+
+import EditUserModal from "metabase/admin/people/containers/EditUserModal";
+
+const MOCK_USER = {
+  id: 42,
+  first_name: "Testy",
+  last_name: "McTestFace",
+  email: "test@metabase.com",
+};
+
+describe("EditUserModal", () => {
+  beforeEach(() => mock.setup());
+  afterEach(() => mock.teardown());
+
+  it("should load the user", async () => {
+    mock.get("/api/user/42", (req, res) => res.json(MOCK_USER));
+    const { wrapper, store } = mountWithStore(
+      <EditUserModal params={{ userId: 42 }} />,
+    );
+    await store.waitForAction("metabase/requests/SET_REQUEST_STATE");
+
+    expect(wrapper.find("input").map(i => i.props().value)).toEqual([
+      "Testy",
+      "McTestFace",
+      "test@metabase.com",
+    ]);
+
+    expect(wrapper.find(".Icon-close").exists()).toBe(true);
+  });
+});