Files
BoosAPI/desktop/libs/markstream-vue/test/mermaid-max-height.test.ts
T
boos e0a5f57793 feat(desktop): embed BoosAPI Desktop client as a subproject
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.
2026-06-22 11:32:57 +08:00

53 lines
1.6 KiB
TypeScript

import { mount } from '@vue/test-utils'
import { describe, expect, it } from 'vitest'
import { nextTick } from 'vue'
import MermaidBlockNode from '../src/components/MermaidBlockNode/MermaidBlockNode.vue'
async function renderWithMaxHeight(maxHeight: string) {
const wrapper = mount(MermaidBlockNode as any, {
props: {
node: {
type: 'code_block',
language: 'mermaid',
code: 'graph LR\nA-->B\n',
raw: '```mermaid\ngraph LR\nA-->B\n```',
},
loading: false,
maxHeight,
},
attachTo: document.body,
})
;(wrapper.vm as any).mermaidAvailable = true
;(wrapper.vm as any).showSource = false
await nextTick()
const content = wrapper.get('div._mermaid').element as HTMLElement
content.innerHTML = '<svg viewBox="0 0 100 200"></svg>'
const wrapperEl = wrapper.get('[data-mermaid-wrapper]').element as HTMLElement
const container = wrapperEl.parentElement as HTMLElement
Object.defineProperty(container, 'clientWidth', {
configurable: true,
value: 1000,
})
const setupState = (wrapper.vm as any).$?.setupState
setupState.updateContainerHeight()
await nextTick()
return { wrapper, container }
}
describe('mermaid block max height', () => {
it('caps preview height unless maxHeight is none', async () => {
const capped = await renderWithMaxHeight('500px')
expect(capped.container.style.height).toBe('500px')
capped.wrapper.unmount()
const uncapped = await renderWithMaxHeight('none')
expect(uncapped.container.style.height).toBe('2000px')
uncapped.wrapper.unmount()
})
})