102 lines
		
	
	
		
			3.6 KiB
		
	
	
	
		
			TypeScript
		
	
	
			
		
		
	
	
			102 lines
		
	
	
		
			3.6 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
 | |
|  * Please see LICENSE files in the repository root for full details.
 | |
|  */
 | |
| 
 | |
| import React from "react";
 | |
| import { render, screen, waitFor, act, fireEvent } from "@testing-library/react";
 | |
| import { AuthType } from "matrix-js-sdk/src/interactive-auth";
 | |
| import userEvent from "@testing-library/user-event";
 | |
| 
 | |
| import {
 | |
|     EmailIdentityAuthEntry,
 | |
|     MasUnlockCrossSigningAuthEntry,
 | |
| } from "../../../../src/components/views/auth/InteractiveAuthEntryComponents";
 | |
| import { createTestClient } from "../../../test-utils";
 | |
| 
 | |
| describe("<EmailIdentityAuthEntry/>", () => {
 | |
|     const renderIdentityAuth = () => {
 | |
|         const matrixClient = createTestClient();
 | |
| 
 | |
|         return render(
 | |
|             <EmailIdentityAuthEntry
 | |
|                 matrixClient={matrixClient}
 | |
|                 loginType={AuthType.Email}
 | |
|                 onPhaseChange={jest.fn()}
 | |
|                 submitAuthDict={jest.fn()}
 | |
|                 fail={jest.fn()}
 | |
|                 clientSecret="my secret"
 | |
|                 showContinue={true}
 | |
|                 inputs={{ emailAddress: "alice@example.xyz" }}
 | |
|             />,
 | |
|         );
 | |
|     };
 | |
| 
 | |
|     test("should render", () => {
 | |
|         const { container } = renderIdentityAuth();
 | |
|         expect(container).toMatchSnapshot();
 | |
|     });
 | |
| 
 | |
|     test("should clear the requested state when the button tooltip is hidden", async () => {
 | |
|         renderIdentityAuth();
 | |
| 
 | |
|         // After a click on the resend button, the button should display the resent label
 | |
|         screen.getByRole("button", { name: "Resend" }).click();
 | |
|         await waitFor(() => expect(screen.queryByRole("button", { name: "Resent!" })).toBeInTheDocument());
 | |
|         expect(screen.queryByRole("button", { name: "Resend" })).toBeNull();
 | |
| 
 | |
|         const resentButton = screen.getByRole("button", { name: "Resent!" });
 | |
|         // Hover briefly the button and wait for the tooltip to be displayed
 | |
|         await userEvent.hover(resentButton);
 | |
|         await waitFor(() => expect(screen.getByRole("tooltip", { name: "Resent!" })).toBeInTheDocument());
 | |
| 
 | |
|         // On unhover, it should display again the resend button
 | |
|         await act(() => userEvent.unhover(resentButton));
 | |
|         await waitFor(() => expect(screen.queryByRole("button", { name: "Resend" })).toBeInTheDocument());
 | |
|     });
 | |
| });
 | |
| 
 | |
| describe("<MasUnlockCrossSigningAuthEntry/>", () => {
 | |
|     const renderAuth = (props = {}) => {
 | |
|         const matrixClient = createTestClient();
 | |
| 
 | |
|         return render(
 | |
|             <MasUnlockCrossSigningAuthEntry
 | |
|                 matrixClient={matrixClient}
 | |
|                 loginType={AuthType.Email}
 | |
|                 onPhaseChange={jest.fn()}
 | |
|                 submitAuthDict={jest.fn()}
 | |
|                 fail={jest.fn()}
 | |
|                 clientSecret="my secret"
 | |
|                 showContinue={true}
 | |
|                 stageParams={{ url: "https://example.com" }}
 | |
|                 {...props}
 | |
|             />,
 | |
|         );
 | |
|     };
 | |
| 
 | |
|     test("should render", () => {
 | |
|         const { container } = renderAuth();
 | |
|         expect(container).toMatchSnapshot();
 | |
|     });
 | |
| 
 | |
|     test("should open idp in new tab on click", async () => {
 | |
|         const spy = jest.spyOn(global.window, "open");
 | |
|         renderAuth();
 | |
| 
 | |
|         fireEvent.click(screen.getByRole("button", { name: "Go to your account" }));
 | |
|         expect(spy).toHaveBeenCalledWith("https://example.com", "_blank");
 | |
|     });
 | |
| 
 | |
|     test("should retry uia request on click", async () => {
 | |
|         const submitAuthDict = jest.fn();
 | |
|         renderAuth({ submitAuthDict });
 | |
| 
 | |
|         fireEvent.click(screen.getByRole("button", { name: "Retry" }));
 | |
|         expect(submitAuthDict).toHaveBeenCalledWith({});
 | |
|     });
 | |
| });
 |