Live location sharing - beacon in timeline happy path (#8285)

* extract location markers into generic Marker Signed-off-by: Kerry Archibald <kerrya@element.io> * wrap marker in smartmarker Signed-off-by: Kerry Archibald <kerrya@element.io> * test smartmarker Signed-off-by: Kerry Archibald <kerrya@element.io> * working map in location body Signed-off-by: Kerry Archibald <kerrya@element.io> * remove skinned sdk Signed-off-by: Kerry Archibald <kerrya@element.io> * use new ZoomButtons in MLocationBody Signed-off-by: Kerry Archibald <kerrya@element.io> * test LocationViewDialog Signed-off-by: Kerry Archibald <kerrya@element.io> * update commentt Signed-off-by: Kerry Archibald <kerrya@element.io> * lint Signed-off-by: Kerry Archibald <kerrya@element.io> * lint Signed-off-by: Kerry Archibald <kerrya@element.io> * extract livetimeremaining into own component Signed-off-by: Kerry Archibald <kerrya@element.io> * extract more beacon state utils Signed-off-by: Kerry Archibald <kerrya@element.io> * update tests for roomlivesharewarning Signed-off-by: Kerry Archibald <kerrya@element.io> * add idle status to live beacon icon * add beacon map and status chin Signed-off-by: Kerry Archibald <kerrya@element.io> * add handling for bubbles Signed-off-by: Kerry Archibald <kerrya@element.io> * tests for BeaconBody Signed-off-by: Kerry Archibald <kerrya@element.io> * i18n Signed-off-by: Kerry Archibald <kerrya@element.io> * move displaystatus check up to mbeaconbody Signed-off-by: Kerry Archibald <kerrya@element.io> * test BeaconStatus Signed-off-by: Kerry Archibald <kerrya@element.io> * rename BeaconStatusChin -> BeaconStatus Signed-off-by: Kerry Archibald <kerrya@element.io> * make BeaconStatus generic Signed-off-by: Kerry Archibald <kerrya@element.io> * lint Signed-off-by: Kerry Archibald <kerrya@element.io> * adjust spinner size Signed-off-by: Kerry Archibald <kerrya@element.io> * polish and copyrights Signed-off-by: Kerry Archibald <kerrya@element.io> * lint Signed-off-by: Kerry Archibald <kerrya@element.io> * better comment Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-04-13 10:44:15 +02:00 · 2022-04-13 10:44:15 +02:00 · e59edb7101
commit e59edb7101
parent b4a91ea442
22 changed files with 562 additions and 91 deletions
--- a/test/components/views/beacon/BeaconStatus-test.tsx
+++ b/test/components/views/beacon/BeaconStatus-test.tsx
@ -0,0 +1,67 @@
+/*
+Copyright 2022 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 { Beacon } from 'matrix-js-sdk/src/matrix';
+import { act } from 'react-dom/test-utils';
+
+import BeaconStatus from '../../../../src/components/views/beacon/BeaconStatus';
+import { BeaconDisplayStatus } from '../../../../src/components/views/beacon/displayStatus';
+import { findByTestId, makeBeaconInfoEvent } from '../../../test-utils';
+
+describe('<BeaconStatus />', () => {
+    const defaultProps = {
+        displayStatus: BeaconDisplayStatus.Loading,
+    };
+    const getComponent = (props = {}) =>
+        mount(<BeaconStatus {...defaultProps} {...props} />);
+
+    it('renders loading state', () => {
+        const component = getComponent({ displayStatus: BeaconDisplayStatus.Loading });
+        expect(component).toMatchSnapshot();
+    });
+
+    it('renders stopped state', () => {
+        const component = getComponent({ displayStatus: BeaconDisplayStatus.Stopped });
+        expect(component).toMatchSnapshot();
+    });
+
+    it('renders active state without stop buttons', () => {
+        // mock for stable snapshot
+        jest.spyOn(Date, 'now').mockReturnValue(123456789);
+        const beacon = new Beacon(makeBeaconInfoEvent('@user:server', '!room:server', {}, '$1'));
+        const component = getComponent({ beacon, displayStatus: BeaconDisplayStatus.Active });
+        expect(component).toMatchSnapshot();
+    });
+
+    it('renders active state with stop button', () => {
+        const stopBeacon = jest.fn();
+        const beacon = new Beacon(makeBeaconInfoEvent('@user:server', '!room:sever'));
+        const component = getComponent({
+            beacon,
+            stopBeacon,
+            displayStatus: BeaconDisplayStatus.Active,
+        });
+        expect(findByTestId(component, 'beacon-status-stop-beacon')).toMatchSnapshot();
+
+        act(() => {
+            findByTestId(component, 'beacon-status-stop-beacon').at(0).simulate('click');
+        });
+
+        expect(stopBeacon).toHaveBeenCalled();
+    });
+});