Transform code base to typescript

Change-Id: Ia1f862fb5962ddd54b8d7643abbc39bb314d1f8e

src/components/LoginPage.test.tsx

@@ -0,0 +1,78 @@
+import { render, screen } from "@testing-library/react";
+import { AdminContext } from "react-admin";
+import polyglotI18nProvider from "ra-i18n-polyglot";
+import LoginPage from "./LoginPage";
+import { AppContext } from "../AppContext";
+import englishMessages from "../i18n/en";
+
+const i18nProvider = polyglotI18nProvider(() => englishMessages, "en", [
+  { locale: "en", name: "English" },
+]);
+
+describe("LoginForm", () => {
+  it("renders with no restriction to homeserver", () => {
+    render(
+      <AdminContext i18nProvider={i18nProvider}>
+        <LoginPage />
+      </AdminContext>
+    );
+
+    screen.getByText(englishMessages.synapseadmin.auth.welcome);
+    screen.getByRole("combobox", { name: "" });
+    screen.getByRole("textbox", { name: englishMessages.ra.auth.username });
+    screen.getByText(englishMessages.ra.auth.password);
+    const baseUrlInput = screen.getByRole("textbox", {
+      name: englishMessages.synapseadmin.auth.base_url,
+    });
+    expect(baseUrlInput.className.split(" ")).not.toContain("Mui-readOnly");
+    screen.getByRole("button", { name: englishMessages.ra.auth.sign_in });
+  });
+
+  it("renders with single restricted homeserver", () => {
+    render(
+      <AppContext.Provider
+        value={{ restrictBaseUrl: "https://matrix.example.com" }}
+      >
+        <AdminContext i18nProvider={i18nProvider}>
+          <LoginPage />
+        </AdminContext>
+      </AppContext.Provider>
+    );
+
+    screen.getByText(englishMessages.synapseadmin.auth.welcome);
+    screen.getByRole("combobox", { name: "" });
+    screen.getByRole("textbox", { name: englishMessages.ra.auth.username });
+    screen.getByText(englishMessages.ra.auth.password);
+    const baseUrlInput = screen.getByRole("textbox", {
+      name: englishMessages.synapseadmin.auth.base_url,
+    });
+    expect(baseUrlInput.className.split(" ")).toContain("Mui-readOnly");
+    screen.getByRole("button", { name: englishMessages.ra.auth.sign_in });
+  });
+
+  it("renders with multiple restricted homeservers", async () => {
+    render(
+      <AppContext.Provider
+        value={{
+          restrictBaseUrl: [
+            "https://matrix.example.com",
+            "https://matrix.example.org",
+          ],
+        }}
+      >
+        <AdminContext i18nProvider={i18nProvider}>
+          <LoginPage />
+        </AdminContext>
+      </AppContext.Provider>
+    );
+
+    screen.getByText(englishMessages.synapseadmin.auth.welcome);
+    screen.getByRole("combobox", { name: "" });
+    screen.getByRole("textbox", { name: englishMessages.ra.auth.username });
+    screen.getByText(englishMessages.ra.auth.password);
+    screen.getByRole("combobox", {
+      name: englishMessages.synapseadmin.auth.base_url,
+    });
+    screen.getByRole("button", { name: englishMessages.ra.auth.sign_in });
+  });
+});