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
parent b4a91ea442
commit e59edb7101
22 changed files with 562 additions and 91 deletions
@@ -95,7 +95,7 @@ describe('<MBeaconBody />', () => {
        );
        makeRoomWithStateEvents([beaconInfoEvent]);
        const component = getComponent({ mxEvent: beaconInfoEvent });
-        expect(component.find('Map').length).toBeFalsy();
+        expect(component.text()).toEqual("Live location ended");
    });

    it('renders stopped beacon UI for an expired beacon', () => {
@@ -107,7 +107,7 @@ describe('<MBeaconBody />', () => {
        );
        makeRoomWithStateEvents([beaconInfoEvent]);
        const component = getComponent({ mxEvent: beaconInfoEvent });
-        expect(component.find('Map').length).toBeFalsy();
+        expect(component.text()).toEqual("Live location ended");
    });

    it('renders stopped UI when a beacon event is not the latest beacon for a user', () => {
@@ -130,7 +130,7 @@ describe('<MBeaconBody />', () => {

        const component = getComponent({ mxEvent: aliceBeaconInfo1 });
        // beacon1 has been superceded by beacon2
-        expect(component.find('Map').length).toBeFalsy();
+        expect(component.text()).toEqual("Live location ended");
    });

    it('renders stopped UI when a beacon event is replaced', () => {
@@ -162,7 +162,7 @@ describe('<MBeaconBody />', () => {
        component.setProps({});

        // beacon1 has been superceded by beacon2
-        expect(component.find('Map').length).toBeFalsy();
+        expect(component.text()).toEqual("Live location ended");
    });

    describe('on liveness change', () => {
@@ -187,7 +187,7 @@ describe('<MBeaconBody />', () => {
            component.setProps({});

            // stopped UI
-            expect(component.find('Map').length).toBeFalsy();
+            expect(component.text()).toEqual("Live location ended");
        });
    });

@@ -210,7 +210,7 @@ describe('<MBeaconBody />', () => {
            makeRoomWithStateEvents([aliceBeaconInfo]);
            const component = getComponent({ mxEvent: aliceBeaconInfo });

-            expect(component.find('Spinner').length).toBeTruthy();
+            expect(component.text()).toEqual("Loading live location...");
        });

        it('updates latest location', () => {