element-web/test/components/views/elements/__snapshots__/TooltipTarget-test.tsx.snap

// 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"
  style="top: 6px; left: 0px; transform: translate(-50%); display: block;"
>
  <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"
  style="top: -50px; left: 0px; transform: translate(-50%); display: block;"
>
  <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"
  style="right: 1030px; top: 0px; transform: translateY(-50%); display: block;"
>
  <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"
  style="left: 6px; top: 0px; transform: translateY(-50%); display: block;"
>
  <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"
  style="left: 6px; top: 0px; transform: translateY(-50%); display: block;"
>
  <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"
  style="top: -6px; left: 0px; transform: translate(-50%, -100%); display: block;"
>
  <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"
  style="top: -6px; right: 1024px; transform: translateY(-100%); display: block;"
>
  <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>
`;