0d6a550c33
* Improve accessibility and testability of Tooltip Adding a role to Tooltip was motivated by React Testing Library's reliance on accessibility-related attributes to locate elements. * Make the ReadyWatchingStore constructor safer The ReadyWatchingStore constructor previously had a chance to immediately call onReady, which was dangerous because it was potentially calling the derived class's onReady at a point when the derived class hadn't even finished construction yet. In normal usage, I guess this never was a problem, but it was causing some of the tests I was writing to crash. This is solved by separating out the onReady call into a start method. * Rename 1:1 call components to 'LegacyCall' to reflect the fact that they're slated for removal, and to not clash with the new Call code. * Refactor VideoChannelStore into Call and CallStore Call is an abstract class that currently only has a Jitsi implementation, but this will make it easy to later add an Element Call implementation. * Remove WidgetReady, ClientReady, and ForceHangupCall hacks These are no longer used by the new Jitsi call implementation, and can be removed. * yarn i18n * Delete call map entries instead of inserting nulls * Allow multiple active calls and consolidate call listeners * Fix a race condition when creating a video room * Un-hardcode the media device fallback labels * Apply misc code review fixes * yarn i18n * Disconnect from calls more politely on logout * Fix some strict mode errors * Fix another updateRoom race condition
105 lines
2.4 KiB
Text
105 lines
2.4 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<TooltipTarget /> displays Bottom aligned tooltip on mouseover 1`] = `
|
|
<div
|
|
class="mx_Tooltip test tooltipClassName mx_Tooltip_visible"
|
|
role="tooltip"
|
|
style="display: block; top: 6px; left: 0px; transform: translate(-50%);"
|
|
>
|
|
<div
|
|
class="mx_Tooltip_chevron"
|
|
/>
|
|
test label
|
|
</div>
|
|
`;
|
|
|
|
exports[`<TooltipTarget /> displays InnerBottom aligned tooltip on mouseover 1`] = `
|
|
<div
|
|
class="mx_Tooltip test tooltipClassName mx_Tooltip_visible"
|
|
role="tooltip"
|
|
style="display: block; top: -50px; left: 0px; transform: translate(-50%);"
|
|
>
|
|
<div
|
|
class="mx_Tooltip_chevron"
|
|
/>
|
|
test label
|
|
</div>
|
|
`;
|
|
|
|
exports[`<TooltipTarget /> displays Left aligned tooltip on mouseover 1`] = `
|
|
<div
|
|
class="mx_Tooltip test tooltipClassName mx_Tooltip_visible"
|
|
role="tooltip"
|
|
style="display: block; right: 1030px; top: 0px; transform: translateY(-50%);"
|
|
>
|
|
<div
|
|
class="mx_Tooltip_chevron"
|
|
/>
|
|
test label
|
|
</div>
|
|
`;
|
|
|
|
exports[`<TooltipTarget /> displays Natural aligned tooltip on mouseover 1`] = `
|
|
<div
|
|
class="mx_Tooltip test tooltipClassName mx_Tooltip_visible"
|
|
role="tooltip"
|
|
style="display: block; left: 6px; top: 0px; transform: translateY(-50%);"
|
|
>
|
|
<div
|
|
class="mx_Tooltip_chevron"
|
|
/>
|
|
test label
|
|
</div>
|
|
`;
|
|
|
|
exports[`<TooltipTarget /> displays Right aligned tooltip on mouseover 1`] = `
|
|
<div
|
|
class="mx_Tooltip test tooltipClassName mx_Tooltip_visible"
|
|
role="tooltip"
|
|
style="display: block; left: 6px; top: 0px; transform: translateY(-50%);"
|
|
>
|
|
<div
|
|
class="mx_Tooltip_chevron"
|
|
/>
|
|
test label
|
|
</div>
|
|
`;
|
|
|
|
exports[`<TooltipTarget /> displays Top aligned tooltip on mouseover 1`] = `
|
|
<div
|
|
class="mx_Tooltip test tooltipClassName mx_Tooltip_visible"
|
|
role="tooltip"
|
|
style="display: block; top: -6px; left: 0px; transform: translate(-50%, -100%);"
|
|
>
|
|
<div
|
|
class="mx_Tooltip_chevron"
|
|
/>
|
|
test label
|
|
</div>
|
|
`;
|
|
|
|
exports[`<TooltipTarget /> displays TopRight aligned tooltip on mouseover 1`] = `
|
|
<div
|
|
class="mx_Tooltip test tooltipClassName mx_Tooltip_visible"
|
|
role="tooltip"
|
|
style="display: block; top: -6px; right: 1024px; transform: translateY(-100%);"
|
|
>
|
|
<div
|
|
class="mx_Tooltip_chevron"
|
|
/>
|
|
test label
|
|
</div>
|
|
`;
|
|
|
|
exports[`<TooltipTarget /> renders container 1`] = `
|
|
<div
|
|
aria-describedby="test id"
|
|
class="test tooltipTargetClassName"
|
|
data-test-id="test"
|
|
tabindex="0"
|
|
>
|
|
<span>
|
|
child
|
|
</span>
|
|
</div>
|
|
`;
|