chore: initial commit

src/views/ForbiddenView.test.ts

@@ -0,0 +1,80 @@
+import { createPinia, setActivePinia } from 'pinia'
+import { flushPromises, mount } from '@vue/test-utils'
+import { createMemoryHistory, createRouter } from 'vue-router'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { useAccessPreviewStore } from '@/stores/accessPreview'
+import { useAdminDataStore } from '@/stores/adminData'
+import ForbiddenView from './ForbiddenView.vue'
+
+let pinia: ReturnType<typeof createPinia>
+
+function createMemoryStorage(): Storage {
+  const values = new Map<string, string>()
+  return {
+    get length() { return values.size },
+    clear: () => values.clear(),
+    getItem: (key) => values.get(key) ?? null,
+    key: (index) => [...values.keys()][index] ?? null,
+    removeItem: (key) => values.delete(key),
+    setItem: (key, value) => values.set(key, value),
+  }
+}
+
+async function mountForbidden(from: string) {
+  const router = createRouter({
+    history: createMemoryHistory(),
+    routes: [
+      { path: '/customers', component: { template: '<p>customers</p>' } },
+      { path: '/403', component: ForbiddenView },
+    ],
+  })
+  await router.push({ path: '/403', query: { from } })
+  await router.isReady()
+
+  const wrapper = mount(ForbiddenView, {
+    global: {
+      plugins: [pinia, router],
+      stubs: {
+        'el-button': {
+          template: '<button type="button" @click="$emit(\'click\')"><slot /></button>',
+        },
+      },
+    },
+  })
+  return { wrapper, router }
+}
+
+describe('ForbiddenView', () => {
+  beforeEach(() => {
+    vi.stubGlobal('localStorage', createMemoryStorage())
+    pinia = createPinia()
+    setActivePinia(pinia)
+  })
+
+  it('shows the preview role and replaces the route with the first accessible page', async () => {
+    const access = useAccessPreviewStore()
+    access.initializeAfterLogin()
+    const { wrapper, router } = await mountForbidden('/customers?status=pending')
+
+    expect(wrapper.text()).toContain('权限预览：超级管理员')
+    expect(wrapper.text()).toContain('来源页面：/customers?status=pending')
+    await wrapper.get('button').trigger('click')
+    await flushPromises()
+
+    expect(router.currentRoute.value.fullPath).toBe('/customers')
+  })
+
+  it('sanitizes an external-looking source and guides role switching when no role is available', async () => {
+    const data = useAdminDataStore()
+    data.roles.forEach((role) => { role.status = '停用' })
+    const access = useAccessPreviewStore()
+    access.initializeAfterLogin()
+    const { wrapper } = await mountForbidden('//example.com')
+
+    expect(wrapper.text()).toContain('来源页面：/')
+    expect(wrapper.text()).not.toContain('//example.com')
+    expect(wrapper.text()).toContain('当前无可用角色')
+    expect(wrapper.text()).toContain('请使用顶栏切换角色')
+    expect(wrapper.find('button').exists()).toBe(false)
+  })
+})