Michael TelatynskiandGitHub
4aa1a3549e
* Remove stale max-len disablements * Remove stale camelCase & naming-convention disablements * Remove stale ban-ts-comment disablements * Remove stale no-var disablements * Remove stale no-empty-property disablements * Remove stale react rule disablements * Remove stale no-constant-condition disablements * Remove stale no-unused-vars disablements * Remove stale disablements for disabled rules * fixup camelcase * Remove dead code * Tidy code * Tweak oxlint config * Use oxlint to apply jsx/tsx extension consistently * Fix import * Fix imports * Rename affected snapshots * Update more imports * Enable restriction ruleset * Make code comply with new rules * Make code comply with react/button-has-type * Make code comply with typescript/non-nullable-type-assertion-style * Comply with node/no-process-env * Comply with unicorn/prefer-node-protocol * Comply with unicorn/import-style * Comply with unicorn/no-process-exit * Comply with no-proto * Comply with node/handle-callback-err * Comply with import/no-commonjs * Comply with node/no-path-concat * Comply with unicorn/no-length-as-slice-end * Comply with unicorn/no-document-cookie * Comply with unicorn/prefer-module * Comply with typescript/prefer-literal-enum-member * Comply with jsx-a11y/anchor-ambiguous-text * Tweak oxlint config * Fix resolves * Iterate * Iterate * Iterate * Iterate * Iterate * Iterate * Iterate
71 lines
2.4 KiB
TypeScript
71 lines
2.4 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2024 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
// @vitest-environment happy-dom
|
|
|
|
import { vi, describe, it, expect, beforeEach } from "vitest";
|
|
import { act, render, type RenderResult } from "test-utils-rtl";
|
|
import React, { type ComponentProps } from "react";
|
|
import EventEmitter from "node:events";
|
|
import { CryptoEvent } from "matrix-js-sdk/src/crypto-api";
|
|
import { sleep } from "matrix-js-sdk/src/utils";
|
|
|
|
import { LoginSplashView } from "./LoginSplashView";
|
|
import type { MatrixClient } from "matrix-js-sdk/src/matrix";
|
|
|
|
describe("<LoginSplashView />", () => {
|
|
let matrixClient: MatrixClient;
|
|
beforeEach(() => {
|
|
matrixClient = new EventEmitter() as unknown as MatrixClient;
|
|
});
|
|
|
|
function getComponent(props: Partial<ComponentProps<typeof LoginSplashView>> = {}): RenderResult {
|
|
const defaultProps = {
|
|
matrixClient,
|
|
onLogoutClick: () => {},
|
|
syncError: null,
|
|
};
|
|
return render(<LoginSplashView {...defaultProps} {...props} />);
|
|
}
|
|
|
|
it("Renders a spinner", () => {
|
|
const rendered = getComponent();
|
|
expect(rendered.getByTestId("spinner")).toBeInTheDocument();
|
|
expect(rendered.asFragment()).toMatchSnapshot();
|
|
});
|
|
|
|
it("Renders an error message", () => {
|
|
const rendered = getComponent({ syncError: new Error("boohoo") });
|
|
expect(rendered.asFragment()).toMatchSnapshot();
|
|
});
|
|
|
|
it("Calls onLogoutClick", () => {
|
|
const onLogoutClick = vi.fn();
|
|
const rendered = getComponent({ onLogoutClick });
|
|
expect(onLogoutClick).not.toHaveBeenCalled();
|
|
rendered.getByRole("button", { name: "Logout" }).click();
|
|
expect(onLogoutClick).toHaveBeenCalled();
|
|
});
|
|
|
|
it("Shows migration progress", async () => {
|
|
const rendered = getComponent();
|
|
|
|
act(() => {
|
|
matrixClient.emit(CryptoEvent.LegacyCryptoStoreMigrationProgress, 5, 10);
|
|
});
|
|
rendered.getByText("Hang tight.", { exact: false });
|
|
|
|
// Wait for the animation to update
|
|
await act(() => sleep(500));
|
|
|
|
const progress = rendered.getByRole("progressbar");
|
|
expect(progress.getAttribute("value")).toEqual("5");
|
|
expect(progress.getAttribute("max")).toEqual("10");
|
|
});
|
|
});
|