feat: refs #8534 implement navigation and state query guards for improved routing control

@@ -0,0 +1,93 @@
+import { useRole } from 'src/composables/useRole';

@@ -0,0 +38,4 @@
+    next();
+}
+
+export async function stateQueryGuard(next) {

@@ -29,4 +29,2 @@
                         .eq(2)
                         .should('have.text', 'Entry prices recalculated');
-
-                    cy.get('[data-cy="descriptor-more-opts"]').click();

@@ -0,0 +38,4 @@
+    next();
+}
+
+export async function stateQueryGuard(to, from, next) {

@@ -0,0 +1,39 @@
+import { describe, it, expect, vi } from 'vitest';
+import { ref, nextTick } from 'vue';
+import { stateQueryGuard } from 'src/router/hooks';
+import { __test as testStateQuery } from 'src/stores/useStateQueryStore';

@@ -101,3 +25,1 @@
-        }
-        document.title = title;
-    });
+    Router.beforeEach((to, from, next) => navigationGuard(to, from, next, Router, state));

@@ -102,2 +25,2 @@
-        document.title = title;
-    });
+    Router.beforeEach((to, from, next) => navigationGuard(to, from, next, Router, state));
+    Router.beforeEach((to, from, next) => stateQueryGuard(to, from, next));

@@ -103,1 +25,3 @@
-    });
+    Router.beforeEach((to, from, next) => navigationGuard(to, from, next, Router, state));
+    Router.beforeEach((to, from, next) => stateQueryGuard(to, from, next));
+    Router.afterEach((to) => setPageTitle(to));