fix(frontend): 修复纸页刷新宽度并完善侧栏和图表主题

frontend/src/components/common/SecondarySidebar.spec.ts

@@ -0,0 +1,23 @@
+// @vitest-environment happy-dom
+import { expect, it } from 'vitest'
+import { mount } from '@vue/test-utils'
+import { createRouter, createMemoryHistory } from 'vue-router'
+import SecondarySidebar from './SecondarySidebar.vue'
+
+it('resizes by keyboard, clamps bounds and restores the saved width', async () => {
+  localStorage.removeItem('workspace-sidebar-width')
+  const router = createRouter({ history: createMemoryHistory(), routes: [{ path: '/', component: { template: '<div />' } }] })
+  await router.push('/')
+  const options = { props: { component: 'file-tree' }, global: { plugins: [router], stubs: { FileTreePanel: true } } }
+  let wrapper = mount(SecondarySidebar, options)
+  await wrapper.get('[role="separator"]').trigger('keydown', { key: 'ArrowRight' })
+  expect(localStorage.getItem('workspace-sidebar-width')).toBe('288')
+  wrapper.unmount()
+  wrapper = mount(SecondarySidebar, options)
+  await wrapper.vm.$nextTick()
+  expect(wrapper.get('aside').attributes('style')).toContain('288px')
+  await wrapper.get('[role="separator"]').trigger('keydown', { key: 'Home' })
+  expect(wrapper.get('aside').attributes('style')).toContain('200px')
+  wrapper.unmount()
+  localStorage.removeItem('workspace-sidebar-width')
+})