* refactor: change structure project * refactor: change structure project * fix: add hooks for set query params * refactor: add index for pages * docs: add TESTCASES.md * refactor: restructure components * feat: add base components * feat: add reset styles * feat: add styles for custom panel page * feat: add styles for predefined panels * feat: add style for TracingsView.tsx * feat: add Alerts * feat: add Tooltip.tsx * fix: correct styles * feat: add DatePicker.tsx * feat: add tables * feat: add theme provider * fix: replace using callbacks as props to handlers * fix: correct update time * fix: change TimePicker.tsx * fix: correct styles * fix: update packages * vmui: refactor code, remove material-ui Co-authored-by: Aliaksandr Valialkin <valyala@victoriametrics.com>
3.1 KiB
Test cases
Name: Force execution of a queries
Steps:
- click to button
Execute query
- click to icon
Refresh dashboard
- press
enter
on the query field
Expected Result:
For each step sends a request and render new data
Name: Time Range with auto refresh
Steps:
- Set absolute time range
- Enable auto refresh
- Change delay auto refresh
- Disable auto refresh
Expected Result:
Time range has not changed
Name: Query history
Steps:
- Run query one by one:
1
,2
,3
- Press
Ctrl + ArrowUp
/Ctrl + ArrowDown
when the query field focus
Expected Result:
Query value changes according to execution order (Preserve execution order).
Ctrl + ArrowUp
- set prev value, Ctrl + ArrowDown
- set next value
Name: Absolute time range fields
Steps:
- Open
Time range controls
- Change
From
orUntil
time value - Click to
Apply
Expected Result:
When you change one of the fields, the second does not change
Name: Auto update after query delete
Steps:
- Add multiple query
- Execute queries
- Delete one of the queries
Expected Result:
Graph is automatically updated after the query delete
Name: Query URL params
Steps:
- Open graph with params:
?g0.range_input=1d&g0.end_input=2022-10-26T14%3A00%3A00&g0.step_input=180&g0.relative_time=none&g0.tab=chart&g0.expr=1&g1.range_input=1d&g1.end_input=2022-10-26T14%3A00%3A00&g1.step_input=180&g1.relative_time=none&g1.tab=chart&g1.expr=2#/
Expected Result:
Executed two query with params:
query: 1 and 2
start: 1666706400
end: 1666792800
step: from "Step value" field (depends on screen width)
- Display two queries:
1
and2
- Time range from
2022-10-25 16:00:00
to2022-10-26 16:00:00
(⚠️ by UTC +2) - Display tab
Table
Name: Prometheus query URL params
Steps:
- Open graph with params:
?g0.expr=node_arp_entries&g0.tab=1&g0.stacked=0&g0.range_input=30m&g0.end_input=2021-09-11%2000%3A00%3A00&g0.moment_input=2021-09-11%2000%3A00%3A00&g0.step_input=6&g1.expr=node_cpu_guest_seconds_total&g1.tab=1&g1.stacked=0&g1.range_input=30m&g1.end_input=2022-12-01%2014%3A00%3A00&g1.moment_input=2022-12-01%2014%3A00%3A00&g1.step_input=6
Expected Result:
- Display two queries:
node_arp_entries
andnode_cpu_guest_seconds_total
- Time range from
2021-09-11 01:30:00
to2021-09-11 02:00:00
(⚠️ by UTC +2) - Display tab
Table