boos
e0a5f57793
Vendor the rebranded BoosAPI Desktop client (Tauri + Vue) into metapi as a monorepo subdirectory under desktop/. Source only — node_modules, dist, Cargo target and the upstream .git history are excluded. desktop/ keeps its own independent Cargo workspace (desktop/src-tauri with crates/*); it is not part of the backend boosapi crate, so a `cargo check` at the metapi root still compiles only the backend. Build the desktop app from desktop/src-tauri per desktop/README.md. Note: app icons are still placeholder assets pending the final BoosAPI logo. The updater signing keys live outside the repo and are not included.
132 lines
3.5 KiB
TypeScript
132 lines
3.5 KiB
TypeScript
import { mount } from '@vue/test-utils'
|
|
import { afterEach, describe, expect, it } from 'vitest'
|
|
import { nextTick } from 'vue'
|
|
import MarkdownCodeBlockNode from '../src/components/MarkdownCodeBlockNode/MarkdownCodeBlockNode.vue'
|
|
import { hideTooltip } from '../src/composables/useSingletonTooltip'
|
|
|
|
function makeNode() {
|
|
return {
|
|
type: 'code_block' as const,
|
|
language: 'plaintext',
|
|
code: 'console.log(1)',
|
|
raw: '```txt\nconsole.log(1)\n```',
|
|
}
|
|
}
|
|
|
|
function wait(ms: number) {
|
|
return new Promise(resolve => setTimeout(resolve, ms))
|
|
}
|
|
|
|
async function waitTooltipShow() {
|
|
await wait(100)
|
|
await nextTick()
|
|
}
|
|
|
|
describe('markdownCodeBlockNode tooltip toggles', () => {
|
|
afterEach(async () => {
|
|
hideTooltip(true)
|
|
await nextTick()
|
|
})
|
|
|
|
it('renders action buttons with default tooltip settings', async () => {
|
|
const wrapper = mount(MarkdownCodeBlockNode, {
|
|
props: {
|
|
loading: false,
|
|
node: makeNode(),
|
|
},
|
|
})
|
|
|
|
const firstActionBtn = wrapper.find('button.code-action-btn')
|
|
expect(firstActionBtn.exists()).toBe(true)
|
|
|
|
wrapper.unmount()
|
|
})
|
|
|
|
it('does not show tooltip when showTooltips is false', async () => {
|
|
const wrapper = mount(MarkdownCodeBlockNode, {
|
|
props: {
|
|
loading: false,
|
|
node: makeNode(),
|
|
showTooltips: false,
|
|
},
|
|
})
|
|
|
|
const firstActionBtn = wrapper.find('button.code-action-btn')
|
|
expect(firstActionBtn.exists()).toBe(true)
|
|
|
|
await firstActionBtn.trigger('focus', { clientX: 32, clientY: 24 })
|
|
await waitTooltipShow()
|
|
expect(firstActionBtn.attributes('aria-describedby')).toBeUndefined()
|
|
|
|
wrapper.unmount()
|
|
})
|
|
|
|
it('disables tooltips when showTooltips is false', async () => {
|
|
const wrapper = mount(MarkdownCodeBlockNode, {
|
|
props: {
|
|
loading: false,
|
|
node: makeNode(),
|
|
showTooltips: false,
|
|
},
|
|
})
|
|
|
|
const firstActionBtn = wrapper.find('button.code-action-btn')
|
|
await firstActionBtn.trigger('focus', { clientX: 28, clientY: 28 })
|
|
await waitTooltipShow()
|
|
expect(firstActionBtn.attributes('aria-describedby')).toBeUndefined()
|
|
|
|
wrapper.unmount()
|
|
})
|
|
|
|
it('normalizes streamed language labels in the header', async () => {
|
|
const jsonWrapper = mount(MarkdownCodeBlockNode, {
|
|
props: {
|
|
loading: false,
|
|
node: {
|
|
...makeNode(),
|
|
language: 'json:package.json',
|
|
},
|
|
},
|
|
})
|
|
|
|
expect(jsonWrapper.text()).toContain('JSON')
|
|
expect(jsonWrapper.text()).not.toContain('Json:package.json')
|
|
jsonWrapper.unmount()
|
|
|
|
const shellWrapper = mount(MarkdownCodeBlockNode, {
|
|
props: {
|
|
loading: false,
|
|
node: {
|
|
...makeNode(),
|
|
language: 'shellscript',
|
|
},
|
|
},
|
|
})
|
|
|
|
expect(shellWrapper.text()).toContain('Shell')
|
|
expect(shellWrapper.text()).not.toContain('Shellscript')
|
|
shellWrapper.unmount()
|
|
})
|
|
|
|
it('keeps fallback and rendered code in the same content layer', async () => {
|
|
const wrapper = mount(MarkdownCodeBlockNode, {
|
|
props: {
|
|
loading: true,
|
|
stream: false,
|
|
node: makeNode(),
|
|
},
|
|
})
|
|
|
|
await nextTick()
|
|
|
|
const content = wrapper.get('.code-block-content')
|
|
const renderer = wrapper.get('.code-block-render')
|
|
const fallback = wrapper.get('.code-fallback-plain')
|
|
expect(renderer.element.parentElement).toBe(content.element)
|
|
expect(fallback.element.parentElement).toBe(content.element)
|
|
expect(fallback.find('pre.shiki-fallback').exists()).toBe(true)
|
|
|
|
wrapper.unmount()
|
|
})
|
|
})
|