dandri/MeshChatX
1
0
Fork 0
mirror of https://git.quad4.io/RNS-Things/MeshChatX.git synced 2026-09-01 22:19:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update tutorial modal handling during route changes

Browse Source
This commit is contained in:
Sudo-Ivan
2026-01-14 20:28:35 -06:00
parent 33d79424e9
commit 4106e28ff1
2 changed files with 25 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
meshchatx/src/frontend/components/App.vue
+2 -2
View File
@@ -664,10 +664,10 @@ export default {
},
},
watch: {
$route() {
$route(to, from) {
this.isSidebarOpen = false;
// Close tutorial modal if it's open and we navigate away
if (this.$refs.tutorialModal && this.$refs.tutorialModal.visible) {
if (from && from.name && this.$refs.tutorialModal && this.$refs.tutorialModal.visible) {
this.$refs.tutorialModal.visible = false;
}
},
tests/frontend/AppModals.test.js
+23 -19
View File
@@ -32,28 +32,30 @@ const i18n = createI18n({
},
});
const router = createRouter({
history: createWebHashHistory(),
routes: [
{ path: "/", name: "messages", component: { template: "<div>Messages</div>" } },
{ path: "/nomadnetwork", name: "nomadnetwork", component: { template: "<div>Nomad</div>" } },
{ path: "/map", name: "map", component: { template: "<div>Map</div>" } },
{ path: "/archives", name: "archives", component: { template: "<div>Archives</div>" } },
{ path: "/call", name: "call", component: { template: "<div>Call</div>" } },
{ path: "/interfaces", name: "interfaces", component: { template: "<div>Interfaces</div>" } },
{ path: "/network-visualiser", name: "network-visualiser", component: { template: "<div>Network</div>" } },
{ path: "/tools", name: "tools", component: { template: "<div>Tools</div>" } },
{ path: "/settings", name: "settings", component: { template: "<div>Settings</div>" } },
{ path: "/identities", name: "identities", component: { template: "<div>Identities</div>" } },
{ path: "/about", name: "about", component: { template: "<div>About</div>" } },
{ path: "/profile/icon", name: "profile.icon", component: { template: "<div>Profile</div>" } },
{ path: "/changelog", name: "changelog", component: { template: "<div>Changelog</div>" } },
{ path: "/tutorial", name: "tutorial", component: { template: "<div>Tutorial</div>" } },
],
});
const routes = [
{ path: "/", name: "messages", component: { template: "<div>Messages</div>" } },
{ path: "/nomadnetwork", name: "nomadnetwork", component: { template: "<div>Nomad</div>" } },
{ path: "/map", name: "map", component: { template: "<div>Map</div>" } },
{ path: "/archives", name: "archives", component: { template: "<div>Archives</div>" } },
{ path: "/call", name: "call", component: { template: "<div>Call</div>" } },
{ path: "/interfaces", name: "interfaces", component: { template: "<div>Interfaces</div>" } },
{ path: "/network-visualiser", name: "network-visualiser", component: { template: "<div>Network</div>" } },
{ path: "/tools", name: "tools", component: { template: "<div>Tools</div>" } },
{ path: "/settings", name: "settings", component: { template: "<div>Settings</div>" } },
{ path: "/identities", name: "identities", component: { template: "<div>Identities</div>" } },
{ path: "/about", name: "about", component: { template: "<div>About</div>" } },
{ path: "/profile/icon", name: "profile.icon", component: { template: "<div>Profile</div>" } },
{ path: "/changelog", name: "changelog", component: { template: "<div>Changelog</div>" } },
{ path: "/tutorial", name: "tutorial", component: { template: "<div>Tutorial</div>" } },
];
describe("App.vue Modals", () => {
let router;
beforeEach(() => {
router = createRouter({
history: createWebHashHistory(),
routes,
});
vi.clearAllMocks();
axiosMock.get.mockImplementation((url) => {
if (url === "/api/v1/app/info") {
@@ -139,6 +141,7 @@ describe("App.vue Modals", () => {
},
});
await router.isReady();
await new Promise((resolve) => setTimeout(resolve, 200));
expect(wrapper.vm.$refs.tutorialModal.visible).toBe(true);
@@ -197,6 +200,7 @@ describe("App.vue Modals", () => {
},
});
await router.isReady();
await new Promise((resolve) => setTimeout(resolve, 200));
expect(wrapper.vm.$refs.changelogModal.visible).toBe(true);