Apply prettier formatting
This commit is contained in:
Michael Weimann
parent
1cac306093
commit
526645c791
1576 changed files with 65385 additions and 62478 deletions
|
|
@ -13,81 +13,76 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
import React from 'react';
|
||||
import { fireEvent, render } from '@testing-library/react';
|
||||
import { act } from 'react-dom/test-utils';
|
||||
import { CrossSigningInfo } from 'matrix-js-sdk/src/crypto/CrossSigning';
|
||||
import { DeviceInfo } from 'matrix-js-sdk/src/crypto/deviceinfo';
|
||||
import { sleep } from 'matrix-js-sdk/src/utils';
|
||||
import { PUSHER_DEVICE_ID, PUSHER_ENABLED } from 'matrix-js-sdk/src/@types/event';
|
||||
import React from "react";
|
||||
import { fireEvent, render } from "@testing-library/react";
|
||||
import { act } from "react-dom/test-utils";
|
||||
import { CrossSigningInfo } from "matrix-js-sdk/src/crypto/CrossSigning";
|
||||
import { DeviceInfo } from "matrix-js-sdk/src/crypto/deviceinfo";
|
||||
import { sleep } from "matrix-js-sdk/src/utils";
|
||||
import { PUSHER_DEVICE_ID, PUSHER_ENABLED } from "matrix-js-sdk/src/@types/event";
|
||||
|
||||
import DevicesPanel from "../../../../src/components/views/settings/DevicesPanel";
|
||||
import {
|
||||
flushPromises,
|
||||
getMockClientWithEventEmitter,
|
||||
mkPusher,
|
||||
mockClientMethodsUser,
|
||||
} from "../../../test-utils";
|
||||
import MatrixClientContext from '../../../../src/contexts/MatrixClientContext';
|
||||
import { flushPromises, getMockClientWithEventEmitter, mkPusher, mockClientMethodsUser } from "../../../test-utils";
|
||||
import MatrixClientContext from "../../../../src/contexts/MatrixClientContext";
|
||||
|
||||
describe('<DevicesPanel />', () => {
|
||||
const userId = '@alice:server.org';
|
||||
const device1 = { device_id: 'device_1' };
|
||||
const device2 = { device_id: 'device_2' };
|
||||
const device3 = { device_id: 'device_3' };
|
||||
describe("<DevicesPanel />", () => {
|
||||
const userId = "@alice:server.org";
|
||||
const device1 = { device_id: "device_1" };
|
||||
const device2 = { device_id: "device_2" };
|
||||
const device3 = { device_id: "device_3" };
|
||||
const mockClient = getMockClientWithEventEmitter({
|
||||
...mockClientMethodsUser(userId),
|
||||
getDevices: jest.fn(),
|
||||
getDeviceId: jest.fn().mockReturnValue(device1.device_id),
|
||||
deleteMultipleDevices: jest.fn(),
|
||||
getStoredCrossSigningForUser: jest.fn().mockReturnValue(new CrossSigningInfo(userId, {}, {})),
|
||||
getStoredDevice: jest.fn().mockReturnValue(new DeviceInfo('id')),
|
||||
getStoredDevice: jest.fn().mockReturnValue(new DeviceInfo("id")),
|
||||
generateClientSecret: jest.fn(),
|
||||
getPushers: jest.fn(),
|
||||
setPusher: jest.fn(),
|
||||
});
|
||||
|
||||
const getComponent = () =>
|
||||
const getComponent = () => (
|
||||
<MatrixClientContext.Provider value={mockClient}>
|
||||
<DevicesPanel />
|
||||
</MatrixClientContext.Provider>;
|
||||
</MatrixClientContext.Provider>
|
||||
);
|
||||
|
||||
beforeEach(() => {
|
||||
jest.clearAllMocks();
|
||||
|
||||
mockClient.getDevices
|
||||
.mockReset()
|
||||
.mockResolvedValue({ devices: [device1, device2, device3] });
|
||||
mockClient.getDevices.mockReset().mockResolvedValue({ devices: [device1, device2, device3] });
|
||||
|
||||
mockClient.getPushers
|
||||
.mockReset()
|
||||
.mockResolvedValue({
|
||||
pushers: [mkPusher({
|
||||
mockClient.getPushers.mockReset().mockResolvedValue({
|
||||
pushers: [
|
||||
mkPusher({
|
||||
[PUSHER_DEVICE_ID.name]: device1.device_id,
|
||||
[PUSHER_ENABLED.name]: true,
|
||||
})],
|
||||
});
|
||||
}),
|
||||
],
|
||||
});
|
||||
});
|
||||
|
||||
it('renders device panel with devices', async () => {
|
||||
it("renders device panel with devices", async () => {
|
||||
const { container } = render(getComponent());
|
||||
await flushPromises();
|
||||
expect(container).toMatchSnapshot();
|
||||
});
|
||||
|
||||
describe('device deletion', () => {
|
||||
describe("device deletion", () => {
|
||||
const interactiveAuthError = { httpStatus: 401, data: { flows: [{ stages: ["m.login.password"] }] } };
|
||||
|
||||
const toggleDeviceSelection = (container: HTMLElement, deviceId: string) => act(() => {
|
||||
const checkbox = container.querySelector(`#device-tile-checkbox-${deviceId}`);
|
||||
fireEvent.click(checkbox);
|
||||
});
|
||||
const toggleDeviceSelection = (container: HTMLElement, deviceId: string) =>
|
||||
act(() => {
|
||||
const checkbox = container.querySelector(`#device-tile-checkbox-${deviceId}`);
|
||||
fireEvent.click(checkbox);
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
mockClient.deleteMultipleDevices.mockReset();
|
||||
});
|
||||
|
||||
it('deletes selected devices when interactive auth is not required', async () => {
|
||||
it("deletes selected devices when interactive auth is not required", async () => {
|
||||
mockClient.deleteMultipleDevices.mockResolvedValue({});
|
||||
mockClient.getDevices
|
||||
.mockResolvedValueOnce({ devices: [device1, device2, device3] })
|
||||
|
|
@ -97,17 +92,17 @@ describe('<DevicesPanel />', () => {
|
|||
const { container, getByTestId } = render(getComponent());
|
||||
await flushPromises();
|
||||
|
||||
expect(container.getElementsByClassName('mx_DevicesPanel_device').length).toEqual(3);
|
||||
expect(container.getElementsByClassName("mx_DevicesPanel_device").length).toEqual(3);
|
||||
|
||||
toggleDeviceSelection(container, device2.device_id);
|
||||
|
||||
mockClient.getDevices.mockClear();
|
||||
|
||||
act(() => {
|
||||
fireEvent.click(getByTestId('sign-out-devices-btn'));
|
||||
fireEvent.click(getByTestId("sign-out-devices-btn"));
|
||||
});
|
||||
|
||||
expect(container.getElementsByClassName('mx_Spinner').length).toBeTruthy();
|
||||
expect(container.getElementsByClassName("mx_Spinner").length).toBeTruthy();
|
||||
expect(mockClient.deleteMultipleDevices).toHaveBeenCalledWith([device2.device_id], undefined);
|
||||
|
||||
await flushPromises();
|
||||
|
|
@ -115,10 +110,10 @@ describe('<DevicesPanel />', () => {
|
|||
// devices refreshed
|
||||
expect(mockClient.getDevices).toHaveBeenCalled();
|
||||
// and rerendered
|
||||
expect(container.getElementsByClassName('mx_DevicesPanel_device').length).toEqual(2);
|
||||
expect(container.getElementsByClassName("mx_DevicesPanel_device").length).toEqual(2);
|
||||
});
|
||||
|
||||
it('deletes selected devices when interactive auth is required', async () => {
|
||||
it("deletes selected devices when interactive auth is required", async () => {
|
||||
mockClient.deleteMultipleDevices
|
||||
// require auth
|
||||
.mockRejectedValueOnce(interactiveAuthError)
|
||||
|
|
@ -140,7 +135,7 @@ describe('<DevicesPanel />', () => {
|
|||
toggleDeviceSelection(container, device2.device_id);
|
||||
|
||||
act(() => {
|
||||
fireEvent.click(getByTestId('sign-out-devices-btn'));
|
||||
fireEvent.click(getByTestId("sign-out-devices-btn"));
|
||||
});
|
||||
|
||||
await flushPromises();
|
||||
|
|
@ -149,30 +144,34 @@ describe('<DevicesPanel />', () => {
|
|||
|
||||
expect(mockClient.deleteMultipleDevices).toHaveBeenCalledWith([device2.device_id], undefined);
|
||||
|
||||
const modal = document.getElementsByClassName('mx_Dialog');
|
||||
const modal = document.getElementsByClassName("mx_Dialog");
|
||||
expect(modal).toMatchSnapshot();
|
||||
|
||||
// fill password and submit for interactive auth
|
||||
act(() => {
|
||||
fireEvent.change(getByLabelText('Password'), { target: { value: 'topsecret' } });
|
||||
fireEvent.submit(getByLabelText('Password'));
|
||||
fireEvent.change(getByLabelText("Password"), { target: { value: "topsecret" } });
|
||||
fireEvent.submit(getByLabelText("Password"));
|
||||
});
|
||||
|
||||
await flushPromises();
|
||||
|
||||
// called again with auth
|
||||
expect(mockClient.deleteMultipleDevices).toHaveBeenCalledWith([device2.device_id],
|
||||
{ identifier: {
|
||||
type: "m.id.user", user: userId,
|
||||
}, password: "", type: "m.login.password", user: userId,
|
||||
});
|
||||
expect(mockClient.deleteMultipleDevices).toHaveBeenCalledWith([device2.device_id], {
|
||||
identifier: {
|
||||
type: "m.id.user",
|
||||
user: userId,
|
||||
},
|
||||
password: "",
|
||||
type: "m.login.password",
|
||||
user: userId,
|
||||
});
|
||||
// devices refreshed
|
||||
expect(mockClient.getDevices).toHaveBeenCalled();
|
||||
// and rerendered
|
||||
expect(container.getElementsByClassName('mx_DevicesPanel_device').length).toEqual(2);
|
||||
expect(container.getElementsByClassName("mx_DevicesPanel_device").length).toEqual(2);
|
||||
});
|
||||
|
||||
it('clears loading state when interactive auth fail is cancelled', async () => {
|
||||
it("clears loading state when interactive auth fail is cancelled", async () => {
|
||||
mockClient.deleteMultipleDevices
|
||||
// require auth
|
||||
.mockRejectedValueOnce(interactiveAuthError)
|
||||
|
|
@ -194,10 +193,10 @@ describe('<DevicesPanel />', () => {
|
|||
toggleDeviceSelection(container, device2.device_id);
|
||||
|
||||
act(() => {
|
||||
fireEvent.click(getByTestId('sign-out-devices-btn'));
|
||||
fireEvent.click(getByTestId("sign-out-devices-btn"));
|
||||
});
|
||||
|
||||
expect(container.getElementsByClassName('mx_Spinner').length).toBeTruthy();
|
||||
expect(container.getElementsByClassName("mx_Spinner").length).toBeTruthy();
|
||||
|
||||
await flushPromises();
|
||||
// modal rendering has some weird sleeps
|
||||
|
|
@ -214,7 +213,7 @@ describe('<DevicesPanel />', () => {
|
|||
// not refreshed
|
||||
expect(mockClient.getDevices).not.toHaveBeenCalled();
|
||||
// spinner removed
|
||||
expect(container.getElementsByClassName('mx_Spinner').length).toBeFalsy();
|
||||
expect(container.getElementsByClassName("mx_Spinner").length).toBeFalsy();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue