A next-generation tool to create blazing-fast documentation sites
API
created:4/29/2021
updated:5/7/2021
loc
81
comments
7%
passed
10
coverage
17%

Popover

avatar of atanasster

Popover container that is triggered by a click/hover event, using react-popper-tooltip.

Overview

Test data

select
#
placement
trigger
1
bottom-end
right-click
2
auto-end
right-click
3
bottom-end
click
4
auto-end
none
5
right
none
5 data rows
Name
Description
Default
Controls
placement

Tooltip placement w.r.t. trigger

autoauto-startauto-endtopbottomrightlefttop-starttop-endbottom-startbottom-endright-startright-endleft-startleft-end
bottom
trigger

Event that triggers the tooltip

Trigger
hover

Tests results

Status
Full name
Title
Time(ms)
Popover.test.ts(10 tests)
passed
Popover > overview > 1
snapshot
59
passed
Popover > overview > 1
accessibility
118
passed
Popover > overview > 2
snapshot
42
passed
Popover > overview > 2
accessibility
50
passed
Popover > overview > 3
snapshot
27
passed
Popover > overview > 3
accessibility
51
passed
Popover > overview > 4
snapshot
32
passed
Popover > overview > 4
accessibility
62
passed
Popover > overview > 5
snapshot
43
total 10 tests

Tests coverage

Kind
Total
Covered
Skipped
%
Popover.tsx
lines
15
12
0
80%
functions
3
2
0
66.66%
statements
18
13
0
72.22%
branches
6
1
0
16.66%

A11y tests

Viewport

320px
375px
768px
1024px