diff --git a/src/content/docs/project/tests/images/att1_7327.png b/src/content/docs/project/tests/images/att1_7327.png new file mode 100644 index 00000000..4b71d2c9 Binary files /dev/null and b/src/content/docs/project/tests/images/att1_7327.png differ diff --git a/src/content/docs/project/tests/images/gif1_7327.gif b/src/content/docs/project/tests/images/gif1_7327.gif new file mode 100644 index 00000000..7ea7550c Binary files /dev/null and b/src/content/docs/project/tests/images/gif1_7327.gif differ diff --git a/src/content/docs/project/tests/images/gif2_7327.gif b/src/content/docs/project/tests/images/gif2_7327.gif new file mode 100644 index 00000000..37a8595d Binary files /dev/null and b/src/content/docs/project/tests/images/gif2_7327.gif differ diff --git a/src/content/docs/project/tests/other-features-for-test-case-design.md b/src/content/docs/project/tests/other-features-for-test-case-design.md index f7dda4b3..e3e87e26 100644 --- a/src/content/docs/project/tests/other-features-for-test-case-design.md +++ b/src/content/docs/project/tests/other-features-for-test-case-design.md @@ -54,6 +54,47 @@ To start, you need to open a **Test Case** (**Suite** or **Run**): ![Testomat.io - URL/ID Copy](./images/New_1pgghaYx_2024-08-08.png) +## Display Settings + +The **Display** menu at the top of the **Tests** page lets you control how the test structure and side view are presented. Settings are applied instantly and persist across sessions. + +The following options are available: + +- **Hide tests in tree** +- **Pin sidebar** + +![Display](./images/att1_7327.png) + +### Hide Tests in Tree + +**Hide tests in tree** shows only folders and suites in the main tree, hiding individual test entries from the list. + +This is useful in large projects where the tree becomes difficult to navigate due to the number of tests. Hiding them keeps the structure clean and makes it easier to find the suite or folder you need without scrolling through hundreds of test entries. + +![Hide Tests in Tree](./images/gif2_7327.gif) + +### Pin Sidebar + +**Pin sidebar** keeps both the test tree and test or suite details visible at the same time — giving you access to filters, search, and actions while reviewing tests and suites, so you can navigate without losing context and stay focused during QA activities. + +You can enable it in two ways: + +- Click the **Pin icon** in the top-right corner of the test or suite detail panel +- Open the **Display** menu at the top of the Tests page and toggle **Pin sidebar** + +| State | Behavior | +| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | +| **Unpinned** (default) | The sidebar opens over the Tests page. Some toolbar actions may not be accessible. | +| **Pinned** | The sidebar is fixed alongside the test tree. The full **Tests** page toolbar — filters, search, Display menu, and actions — remains accessible. | + +![Pin feature](./images/gif1_7327.gif) + +Use **Pin Sidebar** when navigating multiple tests in sequence, or during QA audits. It keeps the test tree, filters, search, and actions accessible while reviewing test details, providing: + +- Faster navigation between tests and suites +- Continuous focus during QA activities +- Less UI friction throughout your workflow + ## Suites and Folders Unlike other test management systems, **Testomat.io doesn't allow suite to include other suites and tests**. That's why you can either create a suite (a collection of tests) or folder (collection of suites).