imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Migrate ZoomButtons-test to react-testing-library (#10104)

Browse source
This commit is contained in:
Michael Weimann 2023-02-08 09:31:24 +01:00 • committed by GitHub
parent cb67457860
commit 2c30e6d909
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 29 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

21
test/components/views/location/ZoomButtons-test.tsx
View file

@ -1,5 +1,5 @@
/*
Copyright 2022 The Matrix.org Foundation C.I.C.
Copyright 2022, 2023 The Matrix.org Foundation C.I.C.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
@ -15,13 +15,10 @@ limitations under the License.
*/
import React from "react";
// eslint-disable-next-line deprecate/import
import { mount } from "enzyme";
import * as maplibregl from "maplibre-gl";
import { act } from "react-dom/test-utils";
import { render, screen } from "@testing-library/react";
import ZoomButtons from "../../../../src/components/views/location/ZoomButtons";
import { findByTestId } from "../../../test-utils";
describe("<ZoomButtons />", () => {
const mapOptions = { container: {} as unknown as HTMLElement, style: "" };
@ -29,7 +26,7 @@ describe("<ZoomButtons />", () => {
const defaultProps = {
map: mockMap,
};
const getComponent = (props = {}) => mount(<ZoomButtons {...defaultProps} {...props} />);
const getComponent = (props = {}) => render(<ZoomButtons {...defaultProps} {...props} />);
beforeEach(() => {
jest.clearAllMocks();
@ -37,15 +34,12 @@ describe("<ZoomButtons />", () => {
it("renders buttons", () => {
const component = getComponent();
expect(component).toMatchSnapshot();
expect(component.asFragment()).toMatchSnapshot();
});
it("calls map zoom in on zoom in click", () => {
const component = getComponent();
act(() => {
findByTestId(component, "map-zoom-in-button").at(0).simulate("click");
});
screen.getByTestId("map-zoom-in-button").click();
expect(mockMap.zoomIn).toHaveBeenCalled();
expect(component).toBeTruthy();
@ -53,10 +47,7 @@ describe("<ZoomButtons />", () => {
it("calls map zoom out on zoom out click", () => {
const component = getComponent();
act(() => {
findByTestId(component, "map-zoom-out-button").at(0).simulate("click");
});
screen.getByTestId("map-zoom-out-button").click();
expect(mockMap.zoomOut).toHaveBeenCalled();
expect(component).toBeTruthy();