mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-14 05:03:06 +03:00
144 lines
5.5 KiB
TypeScript
144 lines
5.5 KiB
TypeScript
/*
|
|
Copyright 2021 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.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
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 { mount } from "enzyme";
|
|
import { mocked } from 'jest-mock';
|
|
import { makeLocationContent } from "matrix-js-sdk/src/content-helpers";
|
|
import {
|
|
M_ASSET,
|
|
LocationAssetType,
|
|
ILocationContent,
|
|
M_LOCATION,
|
|
M_TIMESTAMP,
|
|
} from "matrix-js-sdk/src/@types/location";
|
|
import { TEXT_NODE_TYPE } from "matrix-js-sdk/src/@types/extensible_events";
|
|
import maplibregl from 'maplibre-gl';
|
|
import { logger } from 'matrix-js-sdk/src/logger';
|
|
|
|
import MLocationBody, {
|
|
isSelfLocation,
|
|
} from "../../../../src/components/views/messages/MLocationBody";
|
|
import MatrixClientContext from "../../../../src/contexts/MatrixClientContext";
|
|
import { RoomPermalinkCreator } from "../../../../src/utils/permalinks/Permalinks";
|
|
import { MediaEventHelper } from "../../../../src/utils/MediaEventHelper";
|
|
import { getTileServerWellKnown } from "../../../../src/utils/WellKnownUtils";
|
|
import SdkConfig from "../../../../src/SdkConfig";
|
|
import { makeLocationEvent } from "../../../test-utils/location";
|
|
|
|
jest.mock("../../../../src/utils/WellKnownUtils", () => ({
|
|
getTileServerWellKnown: jest.fn(),
|
|
}));
|
|
|
|
describe("MLocationBody", () => {
|
|
describe("isSelfLocation", () => {
|
|
it("Returns true for a full m.asset event", () => {
|
|
const content = makeLocationContent("", '0');
|
|
expect(isSelfLocation(content)).toBe(true);
|
|
});
|
|
|
|
it("Returns true for a missing m.asset", () => {
|
|
const content = {
|
|
body: "",
|
|
msgtype: "m.location",
|
|
geo_uri: "",
|
|
[M_LOCATION.name]: { uri: "" },
|
|
[TEXT_NODE_TYPE.name]: "",
|
|
[M_TIMESTAMP.name]: 0,
|
|
// Note: no m.asset!
|
|
};
|
|
expect(isSelfLocation(content as ILocationContent)).toBe(true);
|
|
});
|
|
|
|
it("Returns true for a missing m.asset type", () => {
|
|
const content = {
|
|
body: "",
|
|
msgtype: "m.location",
|
|
geo_uri: "",
|
|
[M_LOCATION.name]: { uri: "" },
|
|
[TEXT_NODE_TYPE.name]: "",
|
|
[M_TIMESTAMP.name]: 0,
|
|
[M_ASSET.name]: {
|
|
// Note: no type!
|
|
},
|
|
};
|
|
expect(isSelfLocation(content as ILocationContent)).toBe(true);
|
|
});
|
|
|
|
it("Returns false for an unknown asset type", () => {
|
|
const content = makeLocationContent(
|
|
undefined, /* text */
|
|
"geo:foo",
|
|
0,
|
|
undefined, /* description */
|
|
"org.example.unknown" as unknown as LocationAssetType);
|
|
expect(isSelfLocation(content)).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe('<MLocationBody>', () => {
|
|
describe('with error', () => {
|
|
const mockClient = {
|
|
on: jest.fn(),
|
|
off: jest.fn(),
|
|
};
|
|
const defaultEvent = makeLocationEvent("geo:51.5076,-0.1276", LocationAssetType.Pin);
|
|
const defaultProps = {
|
|
mxEvent: defaultEvent,
|
|
highlights: [],
|
|
highlightLink: '',
|
|
onHeightChanged: jest.fn(),
|
|
onMessageAllowed: jest.fn(),
|
|
permalinkCreator: {} as RoomPermalinkCreator,
|
|
mediaEventHelper: {} as MediaEventHelper,
|
|
};
|
|
const getComponent = (props = {}) => mount(<MLocationBody {...defaultProps} {...props} />, {
|
|
wrappingComponent: MatrixClientContext.Provider,
|
|
wrappingComponentProps: { value: mockClient },
|
|
});
|
|
let sdkConfigSpy;
|
|
|
|
beforeEach(() => {
|
|
// eat expected errors to keep console clean
|
|
jest.spyOn(logger, 'error').mockImplementation(() => { });
|
|
mocked(getTileServerWellKnown).mockReturnValue({});
|
|
sdkConfigSpy = jest.spyOn(SdkConfig, 'get').mockReturnValue({});
|
|
});
|
|
|
|
afterAll(() => {
|
|
sdkConfigSpy.mockRestore();
|
|
jest.spyOn(logger, 'error').mockRestore();
|
|
});
|
|
|
|
it('displays correct fallback content without error style when map_style_url is not configured', () => {
|
|
const component = getComponent();
|
|
expect(component.find(".mx_EventTile_body")).toMatchSnapshot();
|
|
});
|
|
|
|
it('displays correct fallback content when map_style_url is misconfigured', () => {
|
|
const mockMap = new maplibregl.Map();
|
|
mocked(getTileServerWellKnown).mockReturnValue({ map_style_url: 'bad-tile-server.com' });
|
|
const component = getComponent();
|
|
|
|
// simulate error initialising map in maplibregl
|
|
// @ts-ignore
|
|
mockMap.emit('error', { status: 404 });
|
|
component.setProps({});
|
|
expect(component.find(".mx_EventTile_body")).toMatchSnapshot();
|
|
});
|
|
});
|
|
});
|
|
});
|