Fix test result navigation arrows behaviour

.husky/pre-commit

@@ -1 +1 @@
-yarn test
+yarn lint-staged

package.json

@@ -15,6 +15,7 @@
     "clean": "yarn workspaces foreach -Avvpt run clean",
     "eslint": "yarn workspaces foreach -Avvpt run eslint",
     "eslint:format": "yarn workspaces foreach -Avvpt run eslint:format",
+    "lint-staged": "lint-staged",
     "prepare": "husky",
     "prettier:format": "prettier --write './packages/*/{src,test,features}/**/*.{json,js,ts,tsx}' package.json ./packages/*/package.json",
     "test": "yarn allure run -- yarn workspaces foreach -Avvpt run test"

packages/web-awesome/src/components/app/TestResult/TestResultNavigation/index.tsx

@@ -54,9 +54,10 @@ export const TestResultNavigation: FunctionalComponent<TestResultNavigationProps
                   <IconButton
                     icon={LineArrowsChevronDown.id}
                     style={"ghost"}
-                    isDisabled={currentIndex <= 1}
+                    isDisabled={currentIndex === data.length}
                     data-testid="test-result-nav-prev"
-                    onClick={() => navigateTo(data[currentIndex - 2])}
+                    className={styles["test-result-nav-prev"]}
+                    onClick={() => navigateTo(data[currentIndex])}
                   />
                 </TooltipWrapper>
                 <Code
@@ -70,10 +71,9 @@ export const TestResultNavigation: FunctionalComponent<TestResultNavigationProps
                   <IconButton
                     icon={LineArrowsChevronDown.id}
                     style={"ghost"}
-                    isDisabled={currentIndex === data.length}
+                    isDisabled={currentIndex <= 1}
                     data-testid="test-result-nav-next"
-                    onClick={() => navigateTo(data[currentIndex])}
-                    className={styles["test-result-nav-next"]}
+                    onClick={() => navigateTo(data[currentIndex - 2])}
                   />
                 </TooltipWrapper>
               </div>

packages/web-awesome/src/components/app/TestResult/TestResultNavigation/styles.scss

@@ -40,7 +40,7 @@
   font-weight: 400;
 }
 
-.test-result-nav-next {
+.test-result-nav-prev {
   transform: rotate(-180deg);
   &:active {
     transform: scale(var(--allure-btn-pressed-scale)) rotate(-180deg);