feat(ui): enhance user experience with new features including QR code display, improved toast messages, and localized strings for various components

tests/frontend/BanishedPage.test.js

@@ -61,7 +61,17 @@ describe("BlockedPage.vue (Banished UI)", () => {
         return mount(BlockedPage, {
             global: {
                 mocks: {
-                    $t: (key) => key,
+                    $t: (key) => {
+                        const translations = {
+                            "banishment.title": "Banished",
+                            "banishment.description": "Manage Banished users and nodes",
+                            "banishment.lift_banishment": "Lift Banishment",
+                            "banishment.user": "User",
+                            "banishment.node": "Node",
+                            "banishment.banished_at": "Banished at",
+                        };
+                        return translations[key] || key;
+                    },
                 },
                 stubs: {
                     MaterialDesignIcon: {

tests/frontend/MicronEditorPage.test.js

@@ -2,6 +2,15 @@ import { mount } from "@vue/test-utils";
 import { describe, it, expect, vi, beforeEach } from "vitest";
 import MicronEditorPage from "@/components/micron-editor/MicronEditorPage.vue";
 import { micronStorage } from "@/js/MicronStorage";
+import DialogUtils from "@/js/DialogUtils";
+
+// Mock DialogUtils
+vi.mock("@/js/DialogUtils", () => ({
+    default: {
+        confirm: vi.fn().mockResolvedValue(true),
+        alert: vi.fn().mockResolvedValue(),
+    },
+}));
 
 // Mock micronStorage
 vi.mock("@/js/MicronStorage", () => ({
@@ -127,8 +136,10 @@ describe("MicronEditorPage.vue", () => {
         // Find reset button
         const resetButton = wrapper.find('.mdi-stub[data-icon-name="refresh"]').element.parentElement;
         await resetButton.click();
+        await wrapper.vm.$nextTick();
+        await wrapper.vm.$nextTick(); // Wait for async resetAll to complete
 
-        expect(window.confirm).toHaveBeenCalled();
+        expect(DialogUtils.confirm).toHaveBeenCalled();
         expect(micronStorage.clearAll).toHaveBeenCalled();
         expect(wrapper.vm.tabs.length).toBe(2); // Resets to Main + Guide
         expect(wrapper.vm.activeTabIndex).toBe(0);

tests/frontend/NetworkVisualiser.test.js

@@ -125,6 +125,16 @@ describe("NetworkVisualiser.vue", () => {
     const mountVisualiser = () => {
         return mount(NetworkVisualiser, {
             global: {
+                mocks: {
+                    $t: (msg) => {
+                        const translations = {
+                            "visualiser.reticulum_mesh": "Reticulum Mesh",
+                            "visualiser.total_nodes": "Nodes",
+                            "visualiser.total_edges": "Links",
+                        };
+                        return translations[msg] || msg;
+                    },
+                },
                 stubs: {
                     Toggle: {
                         template:

tests/frontend/Toast.test.js

@@ -10,6 +10,9 @@ describe("Toast.vue", () => {
         vi.useFakeTimers();
         wrapper = mount(Toast, {
             global: {
+                mocks: {
+                    $t: (msg) => msg,
+                },
                 stubs: {
                     TransitionGroup: { template: "<div><slot /></div>" },
                     MaterialDesignIcon: {