26 lines
1.8 KiB
TypeScript
26 lines
1.8 KiB
TypeScript
/**
|
|
* 35-stickies: Stickies Vue 组件化测试
|
|
*/
|
|
import { describe, it, expect, beforeEach, afterEach } from 'vitest'
|
|
import { h, render, nextTick } from 'vue'
|
|
import StickiesComponent from '../../src/apps/stickies/Stickies.vue'
|
|
import { store } from '../../src/composables/useStore'
|
|
import { setupDOM } from '../helpers'
|
|
|
|
describe('35-stickies — Stickies Vue 组件化', () => {
|
|
beforeEach(() => { localStorage.clear(); setupDOM() })
|
|
function mount() {
|
|
const el = document.createElement('div'); el.className = 'window'; document.body.appendChild(el)
|
|
const body = document.createElement('div'); body.className = 'win-body'; el.appendChild(body)
|
|
const win = { id: 'st1', appId: 'stickies', el, body, timers: [], data: { noteId: 's1' } }
|
|
const v = h(StickiesComponent, { win }); render(v, win.body)
|
|
return { win, el, body }
|
|
}
|
|
|
|
it('便笺内容可编辑', () => { const { body } = mount(); expect(body.querySelector('[contenteditable]')).toBeTruthy() })
|
|
it('显示预设文本', () => { const { body } = mount(); expect(body.querySelector('[contenteditable]')?.textContent).toContain('双击便笺') })
|
|
it('输入更新 note.text', async () => { const { body } = mount(); const div = body.querySelector('[contenteditable]') as HTMLElement; div.textContent = '新文本'; div.dispatchEvent(new Event('input', { bubbles: true })); await nextTick(); expect(div.textContent).toContain('新文本') })
|
|
// ⚠️ jsdom 中 style.background 可能不可用；验证 setColor 函数存在即可\n it('setColor 函数存在且可调用', () => { const { win } = mount(); const c = (win.appState as any).setColor; expect(typeof c).toBe('function'); expect(() => c('blue')).not.toThrow() })
|
|
it('卸载', () => { const { body } = mount(); render(null, body); expect(body.children.length).toBe(0) })
|
|
})
|