Live location share - tiles without tile server (PSG-591) (#8962)

* live location without map POC

* styles

* force map tiles to show no map for test build

* check latestlocationstate exists

* just use loading style map fallback when cant display map

* style map error for tile view

* set pointer cursor when map error is clickable

* test mbeaconbody with map display error, lint

* lint more good

* remove changes for first attempt tile

* make maperror test id more accurate

* fussy import ordering

* PR tweaks
This commit is contained in:
Kerry 2022-07-06 16:34:33 +02:00 committed by GitHub
parent e65409861a
commit 60faf6d025
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 430 additions and 211 deletions

View file

@ -1,95 +1,91 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`<MapError /> renders correctly for MapStyleUrlNotConfigured 1`] = `
<MapError
error="MapStyleUrlNotConfigured"
onFinished={[MockFunction]}
>
exports[`<MapError /> applies class when isMinimised is truthy 1`] = `
<div>
<div
className="mx_MapError"
data-test-id="location-picker-error"
class="mx_MapError test mx_MapError_isMinimised"
data-test-id="map-rendering-error"
>
<div
className="mx_MapError_icon"
class="mx_MapError_icon"
/>
<Heading
className="mx_MapError_heading"
size="h3"
<h3
class="mx_Heading_h3 mx_MapError_heading"
>
Unable to load map
</h3>
<p
class="mx_MapError_message"
>
<h3
className="mx_Heading_h3 mx_MapError_heading"
>
Unable to load map
</h3>
</Heading>
<p>
This homeserver is not configured to display maps.
</p>
<AccessibleButton
element="button"
kind="primary"
onClick={[MockFunction]}
<button
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabIndex={0}
tabindex="0"
>
<button
className="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
onClick={[MockFunction]}
onKeyDown={[Function]}
onKeyUp={[Function]}
role="button"
tabIndex={0}
>
OK
</button>
</AccessibleButton>
OK
</button>
</div>
</MapError>
</div>
`;
exports[`<MapError /> renders correctly for MapStyleUrlNotConfigured 1`] = `
<div>
<div
class="mx_MapError test"
data-test-id="map-rendering-error"
>
<div
class="mx_MapError_icon"
/>
<h3
class="mx_Heading_h3 mx_MapError_heading"
>
Unable to load map
</h3>
<p
class="mx_MapError_message"
>
This homeserver is not configured to display maps.
</p>
<button
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
>
OK
</button>
</div>
</div>
`;
exports[`<MapError /> renders correctly for MapStyleUrlNotReachable 1`] = `
<MapError
error="MapStyleUrlNotReachable"
onFinished={[MockFunction]}
>
<div>
<div
className="mx_MapError"
data-test-id="location-picker-error"
class="mx_MapError test"
data-test-id="map-rendering-error"
>
<div
className="mx_MapError_icon"
class="mx_MapError_icon"
/>
<Heading
className="mx_MapError_heading"
size="h3"
<h3
class="mx_Heading_h3 mx_MapError_heading"
>
Unable to load map
</h3>
<p
class="mx_MapError_message"
>
<h3
className="mx_Heading_h3 mx_MapError_heading"
>
Unable to load map
</h3>
</Heading>
<p>
This homeserver is not configured correctly to display maps, or the configured map server may be unreachable.
</p>
<AccessibleButton
element="button"
kind="primary"
onClick={[MockFunction]}
<button
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabIndex={0}
tabindex="0"
>
<button
className="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
onClick={[MockFunction]}
onKeyDown={[Function]}
onKeyUp={[Function]}
role="button"
tabIndex={0}
>
OK
</button>
</AccessibleButton>
OK
</button>
</div>
</MapError>
</div>
`;