Manual Integration Test: Recursive Hierarchy
DESCRIPTION
Test scrolling of a partially expanded recursive hierarchy, as well as collapsing and
expanding of nodes.
PREPARATION
To check console errors open the developer tools before starting the application and check
with each step, that there are no errors and warnings. Ignore initial message bundle errors.
Testing with mock data
Start the Recursive Hierarchy application URL (adjust host and port if necessary):
REALIZE and CHECK
First Page
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha | 60 |
| 2 | Collapse | 1 | 0 | Beta | 55 |
| 3 | Expand | 1.1 | 1 | Gamma | 41 |
| 3 | Expand | 1.2 | 1 | Zeta | 42 |
| 2 | Leaf | 2 | 0 | Kappa | 56 |
Collapse And Expand 0 (Alpha)
- Click on the collapse button in the row 0 (Alpha).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Expand | 0 | | Alpha | 60 |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
- Click on the expand button in the row 0 (Alpha).
- Check: The table should have the same content as initially (see above).
Expand 1.2 (Zeta) and 1.1 (Gamma)
- Click on the expand buttons in the rows 1.2 (Zeta) and 1.1 (Gamma).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha | 60 |
| 2 | Collapse | 1 | 0 | Beta | 55 |
| 3 | Collapse | 1.1 | 1 | Gamma | 41 |
| 4 | Leaf | 1.1.1 | 1.1 | Delta | 38 |
| 4 | Leaf | 1.1.2 | 1.1 | Epsilon | 39 |
- Scroll down row by row until 1.2 (Zeta) is at the top.
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 3 | Collapse | 1.2 | 1 | Zeta | 42 |
| 4 | Leaf | 1.2.1 | 1.2 | Eta | 31 |
| 4 | Leaf | 1.2.2 | 1.2 | Theta | 32 |
| 4 | Leaf | 1.2.3 | 1.2 | Ioata | 33 |
| 4 | Leaf | 1.2.4 | 1.2 | Kappa | 34 |
Collapse 1 (Beta)
- Scroll to the top.
- Click on the collapse button in the row 1 (Beta).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha | 60 |
| 2 | Expand | 1 | 0 | Beta | 55 |
| 2 | Leaf | 2 | 0 | Kappa | 56 |
| 2 | Leaf | 3 | 0 | Lambda | 57 |
| 2 | Collapse | 4 | 0 | Mu | 58 |
Collapse 4 (Mu)
- Click on the collapse button in the row 4 (Mu).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha | 60 |
| 2 | Expand | 1 | 0 | Beta | 55 |
| 2 | Leaf | 2 | 0 | Kappa | 56 |
| 2 | Leaf | 3 | 0 | Lambda | 57 |
| 2 | Expand | 4 | 0 | Mu | 58 |
Scroll To The Bottom
- Scroll down row by row to the bottom.
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
2 | Leaf | 2 | 0 | Kappa | 56 |
| 2 | Leaf | 3 | 0 | Lambda | 57 |
| 2 | Expand | 4 | 0 | Mu | 58 |
| 2 | Collapse | 5 | 0 | Xi | 59 |
| 3 | Expand | 5.1 | 5 | Omicron | 41 |
Expand 4 (Mu)
- Click on the expand button in the row 4 (Mu).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 2 | Leaf | 2 | 0 | Kappa | 56 |
| 2 | Leaf | 3 | 0 | Lambda | 57 |
| 2 | Collapse | 4 | 0 | Mu | 58 |
| 3 | Leaf | 4.1 | 4 | Nu | 41 |
| 2 | Collapse | 5 | 0 | Xi | 59 |
Expand 5.1 (Omicron)
- Scroll down one row, then click on the expand button in the row 5.1 (Omicron), and
PAGE DOWN once to show the first page of children.
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 4 | Leaf | 5.1.1 | 5.1 | Pi | 21 |
| 4 | Leaf | 5.1.2 | 5.1 | Rho | 22 |
| 4 | Leaf | 5.1.3 | 5.1 | Sigma | 23 |
| 4 | Leaf | 5.1.4 | 5.1 | Tau | 24 |
| 4 | Leaf | 5.1.5 | 5.1 | Upsilon | 25 |
Scroll To The Bottom
- Scroll to the bottom.
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 4 | Leaf | 5.1.5 | 5.1 | Upsilon | 25 |
| 4 | Leaf | 5.1.6 | 5.1 | Phi | 26 |
| 4 | Leaf | 5.1.7 | 5.1 | Chi | 27 |
| 4 | Leaf | 5.1.8 | 5.1 | Psi | 28 |
| 4 | Leaf | 5.1.9 | 5.1 | Omega | 29 |
Collapse 0 (Alpha)
- Scroll to the top and click on the collapse button in the row 0 (Alpha).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Expand | 0 | | Alpha | 60 |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
Synchronize (1st Time)
- Click on the "Synchronize" button in the top right corner.
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Expand | 0 | | Alpha #1 | 160 |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
Expand 0 (Alpha)
- Click on the expand button in the row 0 (Alpha).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha #1 | 160 |
| 2 | Expand | 1 | 0 | Beta #1 | 155 |
| 2 | Leaf | 2 | 0 | Kappa #1 | 156 |
| 2 | Leaf | 3 | 0 | Lambda #1 | 157 |
| 2 | Collapse | 4 | 0 | Mu #1 | 158 |
Expand 1 (Beta)
- Click on the expand button in the row 1 (Beta).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha #1 | 160 |
| 2 | Collapse | 1 | 0 | Beta #1 | 155 |
| 3 | Collapse | 1.1 | 1 | Gamma #1 | 141 |
| 4 | Leaf | 1.1.1 | 1.1 | Delta #1 | 138 |
| 4 | Leaf | 1.1.2 | 1.1 | Epsilon #1 | 139 |
Collapse 1.1 (Gamma)
- Click on the collapse button in the row 1.1 (Gamma).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha #1 | 160 |
| 2 | Collapse | 1 | 0 | Beta #1 | 155 |
| 3 | Expand | 1.1 | 1 | Gamma #1 | 141 |
| 3 | Collapse | 1.2 | 1 | Zeta #1 | 142 |
| 4 | Leaf | 1.2.1 | 1.2 | Eta #1 | 131 |
Collapse 1.2 (Zeta)
- Click on the collapse button in the row 1.2 (Zeta).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha #1 | 160 |
| 2 | Collapse | 1 | 0 | Beta #1 | 155 |
| 3 | Expand | 1.1 | 1 | Gamma #1 | 141 |
| 3 | Expand | 1.2 | 1 | Zeta #1 | 142 |
| 2 | Leaf | 2 | 0 | Kappa #1 | 156 |
Expand 1.1 (Gamma)
- Click on the expand button in the row 1.1 (Gamma).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha #1 | 160 |
| 2 | Collapse | 1 | 0 | Beta #1 | 155 |
| 3 | Collapse | 1.1 | 1 | Gamma #1 | 141 |
| 4 | Leaf | 1.1.1 | 1.1 | Delta #1 | 138 |
| 4 | Leaf | 1.1.2 | 1.1 | Epsilon #1 | 139 |
Synchronize (2nd Time)
- Click on the "Synchronize" button in the top right corner.
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha #2 | 260 |
| 2 | Collapse | 1 | 0 | Beta #2 | 255 |
| 3 | Collapse | 1.1 | 1 | Gamma #2 | 241 |
| 4 | Leaf | 1.1.1 | 1.1 | Delta #2 | 238 |
| 4 | Leaf | 1.1.2 | 1.1 | Epsilon #2 | 239 |
Collapse 1.1 (Gamma)
- Click on the collapse button in the row 1.1 (Gamma).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha #2 | 260 |
| 2 | Collapse | 1 | 0 | Beta #2 | 255 |
| 3 | Expand | 1.1 | 1 | Gamma #2 | 241 |
| 3 | Expand | 1.2 | 1 | Zeta #2 | 242 |
| 2 | Leaf | 2 | 0 | Kappa #2 | 256 |
Collapse 1 (Beta)
- Click on the collapse button in the row 1 (Beta).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha #2 | 260 |
| 2 | Expand | 1 | 0 | Beta #2 | 255 |
| 2 | Leaf | 2 | 0 | Kappa #2 | 256 |
| 2 | Leaf | 3 | 0 | Lambda #2 | 257 |
| 2 | Collapse | 4 | 0 | Mu #2 | 258 |
Collapse 4 (Mu) And 5 (Xi)
- Click on the collapse button in the row 4 (Mu), scroll down one row, and
click on the collapse button in the row 5 (Xi).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 2 | Expand | 1 | 0 | Beta #2 | 255 |
| 2 | Leaf | 2 | 0 | Kappa #2 | 256 |
| 2 | Leaf | 3 | 0 | Lambda #2 | 257 |
| 2 | Expand | 4 | 0 | Mu #2 | 258 |
| 2 | Expand | 5 | 0 | Xi #2 | 259 |
Collapse 0 (Alpha)
- Scroll to the top and click on the collapse button in the row 0 (Alpha).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Expand | 0 | | Alpha #2 | 260 |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
Synchronize (3rd Time)
- Click on the "Synchronize" button in the top right corner.
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Expand | 0 | | Alpha #3 | 360 |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
Expand 0 (Alpha)
- Click on the expand button in the row 0 (Alpha).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha #3 | 360 |
| 2 | Expand | 1 | 0 | Beta #3 | 355 |
| 2 | Leaf | 2 | 0 | Kappa #3 | 356 |
| 2 | Leaf | 3 | 0 | Lambda #3 | 357 |
| 2 | Expand | 4 | 0 | Mu #3 | 358 |
Show 5 (Xi)
- Scroll down one row.
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 2 | Expand | 1 | 0 | Beta #3 | 355 |
| 2 | Leaf | 2 | 0 | Kappa #3 | 356 |
| 2 | Leaf | 3 | 0 | Lambda #3 | 357 |
| 2 | Expand | 4 | 0 | Mu #3 | 358 |
| 2 | Expand | 5 | 0 | Xi #3 | 359 |
Expand 5 (Xi) And Show 5.1 (Omicron)
- Click on the expand button in the row 5 (Xi) and scroll down one row.
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 2 | Leaf | 2 | 0 | Kappa #3 | 356 |
| 2 | Leaf | 3 | 0 | Lambda #3 | 357 |
| 2 | Expand | 4 | 0 | Mu #3 | 358 |
| 2 | Collapse | 5 | 0 | Xi #3 | 359 |
| 3 | Collapse | 5.1 | 5 | Omicron #3 | 341 |
PAGE DOWN
- PAGE DOWN once to show the first page of children.
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 4 | Leaf | 5.1.1 | 5.1 | Pi #3 | 321 |
| 4 | Leaf | 5.1.2 | 5.1 | Rho #3 | 322 |
| 4 | Leaf | 5.1.3 | 5.1 | Sigma #3 | 323 |
| 4 | Leaf | 5.1.4 | 5.1 | Tau #3 | 324 |
| 4 | Leaf | 5.1.5 | 5.1 | Upsilon #3 | 325 |
Scroll To The Bottom
- Scroll to the bottom.
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 4 | Leaf | 5.1.5 | 5.1 | Upsilon #3 | 325 |
| 4 | Leaf | 5.1.6 | 5.1 | Phi #3 | 326 |
| 4 | Leaf | 5.1.7 | 5.1 | Chi #3 | 327 |
| 4 | Leaf | 5.1.8 | 5.1 | Psi #3 | 328 |
| 4 | Leaf | 5.1.9 | 5.1 | Omega #3 | 329 |
Collapse 5.1 (Omicron)
- Scroll up until the row 5.1 (Omicron) becomes visible, then click on its collapse
button.
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 2 | Leaf | 2 | 0 | Kappa #3 | 356 |
| 2 | Leaf | 3 | 0 | Lambda #3 | 357 |
| 2 | Expand | 4 | 0 | Mu #3 | 358 |
| 2 | Collapse | 5 | 0 | Xi #3 | 359 |
| 3 | Expand | 5.1 | 5 | Omicron #3 | 341 |
Collapse 0 (Alpha)
- Scroll to the top and click on the collapse button in the row 0 (Alpha).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Expand | 0 | | Alpha #3 | 360 |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
Expand 0 (Alpha)
- Click on the expand button in the row 0 (Alpha).
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha #3 | 360 |
| 2 | Expand | 1 | 0 | Beta #3 | 355 |
| 2 | Leaf | 2 | 0 | Kappa #3 | 356 |
| 2 | Leaf | 3 | 0 | Lambda #3 | 357 |
| 2 | Expand | 4 | 0 | Mu #3 | 358 |
Synchronize (4th Time)
- Click on the "Synchronize" button in the top right corner.
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 1 | Collapse | 0 | | Alpha #4 | 460 |
| 2 | Expand | 1 | 0 | Beta #4 | 455 |
| 2 | Leaf | 2 | 0 | Kappa #4 | 456 |
| 2 | Leaf | 3 | 0 | Lambda #4 | 457 |
| 2 | Expand | 4 | 0 | Mu #4 | 458 |
Scroll To The Bottom
- Scroll to the bottom.
- Check: The table should have the following content:
| Level |
(Icon's Tooltip) |
ID |
Manager's ID |
Name |
Age |
| 2 | Leaf | 2 | 0 | Kappa #4 | 456 |
| 2 | Leaf | 3 | 0 | Lambda #4 | 457 |
| 2 | Expand | 4 | 0 | Mu #4 | 458 |
2 | Collapse | 5 | 0 | Xi #4 | 459 |
| 3 | Expand | 5.1 | 5 | Omicron #4 | 441 |