waveform-analysis 0.1.63 → 0.1.65

package/src/components/waveformChartCases/renderingStyles.test.ts

@@ -1,283 +0,0 @@
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-import { flushAnimationFrames } from '../../test/setup'
-import { type WaveformData } from '../waveform'
-
-import { mountSizedChart } from '../../test/waveformChart'
-
-describe('WaveformChart', () => {
-  it('places start, middle, and end step transitions at the expected X positions', async () => {
-    const lineTypes = ['step-start', 'step-middle', 'step-end', 'step-after'] as const
-    const wrapper = await mountSizedChart({
-      kind: 'series',
-      series: lineTypes.map((lineType) => ({
-        id: lineType,
-        trackId: 'steps',
-        name: lineType,
-        lineType,
-        data: {
-          kind: 'points',
-          points: [
-            { x: 0, y: 0 },
-            { x: 2, y: 10 },
-          ],
-        },
-      })),
-    })
-    const pathCoordinates = (lineType: (typeof lineTypes)[number]) =>
-      Array.from(
-        (
-          wrapper.get(`.waveform-chart__line[data-series-id="${lineType}"]`).attributes('d') ?? ''
-        ).matchAll(/[ML]([\d.-]+),([\d.-]+)/g),
-        (match) => ({ x: Number(match[1]), y: Number(match[2]) }),
-      )
-
-    const start = pathCoordinates('step-start')
-    const middle = pathCoordinates('step-middle')
-    const end = pathCoordinates('step-end')
-    const after = pathCoordinates('step-after')
-    expect(start.map((point) => point.x)).toEqual([start[0]?.x, start[0]?.x, start.at(-1)?.x])
-    expect(middle[1]?.x).toBe(middle[2]?.x)
-    expect(middle[1]?.x).toBe((middle[0]!.x + middle.at(-1)!.x) / 2)
-    expect(end.map((point) => point.x)).toEqual([end[0]?.x, end.at(-1)?.x, end.at(-1)?.x])
-    expect(after).toEqual(end)
-
-    wrapper.unmount()
-  })
-
-  it('renders per-series lines, point symbols, error bars, and matching legend swatches', async () => {
-    const wrapper = await mountSizedChart({
-      kind: 'series',
-      series: [
-        {
-          id: 'triangle-errors',
-          trackId: 'styled-track',
-          name: '三角误差',
-          lineType: 'none',
-          pointType: 'triangle',
-          errorBar: { visible: true },
-          data: {
-            kind: 'points',
-            points: [
-              { x: 0, y: 1, error: 0.25 },
-              { x: 1, y: 2, error: 0.5 },
-            ],
-          },
-        },
-        {
-          id: 'line-only',
-          trackId: 'styled-track',
-          name: '纯线',
-          lineType: 'linear',
-          lineStyle: 'dashed',
-          pointType: 'none',
-          data: {
-            kind: 'points',
-            points: [
-              { x: 0, y: 2 },
-              { x: 1, y: 3 },
-            ],
-          },
-        },
-        {
-          id: 'step-errors',
-          trackId: 'styled-track',
-          name: '阶梯误差',
-          lineType: 'step-after',
-          lineStyle: 'dash-dot',
-          pointType: 'circle',
-          errorBar: { visible: true, color: '#222222', width: 2, capWidth: 10 },
-          data: {
-            kind: 'points',
-            points: [
-              { x: 0, y: 3, lowerError: 0.5, upperError: 1 },
-              { x: 1, y: 4 },
-            ],
-          },
-        },
-        {
-          id: 'errors-only',
-          trackId: 'styled-track',
-          name: '纯误差棒',
-          lineType: 'none',
-          pointType: 'none',
-          errorBar: { visible: true },
-          data: {
-            kind: 'points',
-            points: [
-              { x: 0, y: 4, error: 0.5 },
-              { x: 1, y: 5, error: 0.5 },
-            ],
-          },
-        },
-      ],
-    })
-
-    expect(wrapper.find('.waveform-chart__line[data-series-id="triangle-errors"]').exists()).toBe(
-      false,
-    )
-    const stepLine = wrapper.get('.waveform-chart__line[data-series-id="step-errors"]')
-    expect(stepLine.attributes('data-line-type')).toBe('step-after')
-    expect(stepLine.attributes('data-line-style')).toBe('dash-dot')
-    expect(stepLine.attributes('stroke-dasharray')).toBe('8 5 1.5 5')
-    expect(
-      wrapper
-        .get('.waveform-chart__line[data-series-id="line-only"]')
-        .attributes('stroke-dasharray'),
-    ).toBe('8 5')
-    expect(stepLine.attributes('d')).toMatch(/^M[\d.-]+,([\d.-]+)L[\d.-]+,\1L/)
-    expect(
-      wrapper
-        .get('.waveform-chart__points[data-series-id="triangle-errors"]')
-        .attributes('data-point-type'),
-    ).toBe('triangle')
-    expect(wrapper.findAll('.waveform-chart__point')).toHaveLength(2)
-    expect(
-      wrapper
-        .get('.waveform-chart__points[data-series-id="triangle-errors"] .waveform-chart__point')
-        .attributes('d'),
-    ).toMatch(/M.*M/)
-    expect(wrapper.findAll('.waveform-chart__error-bar')).toHaveLength(3)
-    expect(
-      wrapper
-        .get('.waveform-chart__error-bars[data-series-id="step-errors"] .waveform-chart__error-bar')
-        .attributes('stroke'),
-    ).toBe('#222222')
-    const errorsOnlySeries = wrapper.get('.waveform-chart__series[data-series-id="errors-only"]')
-    expect(errorsOnlySeries.find('.waveform-chart__line').exists()).toBe(false)
-    expect(errorsOnlySeries.find('.waveform-chart__point').exists()).toBe(false)
-    expect(errorsOnlySeries.find('.waveform-chart__error-bar').exists()).toBe(true)
-
-    const swatches = wrapper.findAll('.waveform-legend__swatch')
-    expect(swatches.map((swatch) => swatch.attributes('data-line-type'))).toEqual([
-      'none',
-      'linear',
-      'step-after',
-      'none',
-    ])
-    expect(swatches[0]?.attributes('data-error-bar-visible')).toBe('true')
-    expect(swatches.map((swatch) => swatch.attributes('data-line-style'))).toEqual([
-      'solid',
-      'dashed',
-      'dash-dot',
-      'solid',
-    ])
-    expect(swatches[1]?.get('.waveform-legend__line').attributes('stroke-dasharray')).toBe('8 5')
-    expect(swatches[2]?.get('.waveform-legend__line').attributes('stroke-dasharray')).toBe(
-      '8 5 1.5 5',
-    )
-    expect(swatches[2]?.attributes('data-error-bar-visible')).toBe('true')
-    expect(swatches[3]?.attributes('data-error-bar-visible')).toBe('true')
-    expect(swatches[0]!.findAll('path').map((path) => path.classes())).toEqual([
-      ['waveform-legend__error-bar'],
-      ['waveform-legend__point'],
-    ])
-    const stepSwatchPaths = swatches[2]!.findAll('path')
-    expect(stepSwatchPaths.map((path) => path.classes())).toEqual([
-      ['waveform-legend__line'],
-      ['waveform-legend__error-bar'],
-      ['waveform-legend__point'],
-    ])
-    expect(stepSwatchPaths[0]?.attributes()).toMatchObject({
-      d: 'M1 8H25',
-      stroke: '#2ca02c',
-      'stroke-width': '1.5',
-    })
-    expect(stepSwatchPaths[1]?.attributes()).toMatchObject({
-      d: 'M8 2H18M13 2V14M8 14H18',
-      stroke: '#222222',
-      'stroke-width': '2',
-      'stroke-linecap': 'butt',
-    })
-    expect(stepSwatchPaths[2]?.attributes('transform')).toBe('translate(13 8)')
-    expect(swatches[3]!.findAll('path').map((path) => path.classes())).toEqual([
-      ['waveform-legend__error-bar'],
-    ])
-
-    const renderedSeriesNodes = wrapper
-      .findAll('.waveform-chart__line, .waveform-chart__point, .waveform-chart__error-bar')
-      .map((node) => node.element)
-    const overlay = wrapper.get('.waveform-chart__overlay--independent')
-    const overlayWidth = Number(overlay.attributes('width'))
-    const overlayHeight = Number(overlay.attributes('height'))
-    Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width: overlayWidth, height: overlayHeight }),
-    })
-    overlay.element.dispatchEvent(
-      new MouseEvent('pointermove', {
-        clientX: overlayWidth / 2,
-        clientY: overlayHeight / 2,
-        bubbles: true,
-      }),
-    )
-    flushAnimationFrames()
-    await flushPromises()
-    expect(
-      wrapper
-        .findAll('.waveform-chart__line, .waveform-chart__point, .waveform-chart__error-bar')
-        .map((node) => node.element),
-    ).toEqual(renderedSeriesNodes)
-
-    wrapper.unmount()
-  })
-
-  it('binds overlaid series to at most four value axes in multi-axis mode', async () => {
-    const data: WaveformData = {
-      kind: 'series',
-      series: Array.from({ length: 5 }, (_, index) => ({
-        id: `overlaid-${index}`,
-        trackId: 'shared-frame',
-        name: `叠加通道 ${index + 1}`,
-        data: {
-          kind: 'points',
-          points: [
-            { x: 0, y: index * 100 },
-            { x: 1, y: index * 100 + 10 },
-          ],
-        },
-      })),
-    }
-    const wrapper = await mountSizedChart(data, { overlayMode: 'multi-axis' })
-
-    expect(wrapper.attributes('data-overlay-mode')).toBe('multi-axis')
-    expect(
-      wrapper
-        .findAll('.waveform-chart__axis--y')
-        .map((axis) => axis.attributes('data-y-axis-side')),
-    ).toEqual(['left', 'left', 'right', 'right'])
-    expect(
-      wrapper.findAll('.waveform-chart__line').map((line) => line.attributes('data-y-axis-index')),
-    ).toEqual(['0', '1', '2', '3', '3'])
-    expect(wrapper.findAll('.waveform-track__multi-axis-title')).toHaveLength(4)
-
-    wrapper.unmount()
-  })
-
-  it('does not render empty multi-axis title backgrounds', async () => {
-    const data: WaveformData = {
-      kind: 'series',
-      series: [
-        {
-          id: 'empty-title-a',
-          trackId: 'shared-frame',
-          name: '',
-          data: { kind: 'samples', values: [0, 1], sampleRate: 1 },
-        },
-        {
-          id: 'empty-title-b',
-          trackId: 'shared-frame',
-          name: '   ',
-          data: { kind: 'samples', values: [10, 20], sampleRate: 1 },
-        },
-      ],
-    }
-    const wrapper = await mountSizedChart(data, { overlayMode: 'multi-axis', yLabel: '' })
-
-    expect(wrapper.findAll('.waveform-chart__axis--y')).toHaveLength(2)
-    expect(wrapper.findAll('.waveform-track__multi-axis-title')).toHaveLength(0)
-    expect(wrapper.findAll('.waveform-chart__y-axis-label-bg')).toHaveLength(0)
-
-    wrapper.unmount()
-  })
-})

package/src/components/waveformChartCases/sizingAndTitles.test.ts

@@ -1,370 +0,0 @@
-import { flushPromises, mount } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-import { flushAnimationFrames, resizeObservers } from '../../test/setup'
-import WaveformChart from '../WaveformChart.vue'
-import WaveformChartView from '../WaveformChartView.vue'
-
-import { mountSizedChart } from '../../test/waveformChart'
-
-describe('WaveformChart', () => {
-  it('uses fixed dimensions when both width and height are specified', async () => {
-    const wrapper = mount(WaveformChart, {
-      props: {
-        data: { kind: 'samples', values: [0, 1], sampleRate: 1 },
-        width: 640,
-        height: 420,
-      },
-    })
-
-    expect(wrapper.attributes('style')).toContain('width: 640px')
-    expect(wrapper.attributes('style')).toContain('height: 420px')
-    expect(wrapper.get('.waveform-chart__svg').attributes('width')).toBe('640')
-    expect(wrapper.get('.waveform-chart__svg').attributes('height')).toBe('420')
-
-    resizeObservers.at(-1)?.resize(640, 420)
-    await flushPromises()
-
-    expect(wrapper.get('.waveform-chart__svg').attributes('width')).toBe('640')
-    expect(wrapper.get('.waveform-chart__svg').attributes('height')).toBe('420')
-  })
-
-  it('allows fixed width and adaptive height to work independently', async () => {
-    const wrapper = mount(WaveformChart, {
-      props: {
-        data: { kind: 'samples', values: [0, 1], sampleRate: 1 },
-        width: 640,
-      },
-    })
-
-    expect(wrapper.attributes('style')).toContain('width: 640px')
-    expect(wrapper.attributes('style')).toContain('height: 100%')
-
-    resizeObservers.at(-1)?.resize(640, 500)
-    await flushPromises()
-
-    expect(wrapper.get('.waveform-chart__svg').attributes('width')).toBe('640')
-    expect(wrapper.get('.waveform-chart__svg').attributes('height')).toBe('500')
-  })
-
-  it('reserves a pagination band based on the chart width instead of the viewport', async () => {
-    const data = {
-      kind: 'series' as const,
-      series: [0, 1].map((index) => ({
-        id: `series-${index}`,
-        name: `series ${index}`,
-        data: { kind: 'samples' as const, values: [index, index + 1], sampleRate: 1 },
-      })),
-    }
-    const narrow = mount(WaveformChart, {
-      props: { data, width: 390, height: 360, grid: { rowCount: 1, columnCount: 1 } },
-    })
-    const wide = mount(WaveformChart, {
-      props: { data, width: 640, height: 360, grid: { rowCount: 1, columnCount: 1 } },
-    })
-
-    expect(narrow.get('.waveform-chart__svg').attributes('height')).toBe('320')
-    expect(wide.get('.waveform-chart__svg').attributes('height')).toBe('360')
-  })
-
-  it('allows adaptive width and fixed height to work independently', async () => {
-    const wrapper = mount(WaveformChart, {
-      props: {
-        data: { kind: 'samples', values: [0, 1], sampleRate: 1 },
-        height: 420,
-      },
-    })
-
-    expect(wrapper.attributes('style')).toContain('width: 100%')
-    expect(wrapper.attributes('style')).toContain('height: 420px')
-
-    resizeObservers.at(-1)?.resize(900, 420)
-    await flushPromises()
-
-    expect(wrapper.get('.waveform-chart__svg').attributes('width')).toBe('900')
-    expect(wrapper.get('.waveform-chart__svg').attributes('height')).toBe('420')
-  })
-
-  it('fills both dimensions and responds to container size changes by default', async () => {
-    const wrapper = mount(WaveformChart, {
-      props: { data: { kind: 'samples', values: [0, 1], sampleRate: 1 } },
-    })
-
-    expect(wrapper.attributes('style')).toContain('width: 100%')
-    expect(wrapper.attributes('style')).toContain('height: 100%')
-    expect(wrapper.get('.waveform-chart__svg').attributes('height')).toBe('180')
-
-    resizeObservers.at(-1)?.resize(800, 520)
-    await flushPromises()
-    expect(wrapper.get('.waveform-chart__svg').attributes('width')).toBe('800')
-    expect(wrapper.get('.waveform-chart__svg').attributes('height')).toBe('520')
-
-    resizeObservers.at(-1)?.resize(500, 300)
-    await flushPromises()
-    expect(wrapper.get('.waveform-chart__svg').attributes('width')).toBe('500')
-    expect(wrapper.get('.waveform-chart__svg').attributes('height')).toBe('300')
-  })
-
-  it('configures plot top and bottom margins and reacts to updates', async () => {
-    const wrapper = await mountSizedChart(
-      { kind: 'samples', values: [0, 1], sampleRate: 1 },
-      {
-        displayMode: 'compact',
-        grid: { rowCount: 1, columnCount: 1 },
-        plotMargin: { top: 30, bottom: 70 },
-      },
-    )
-
-    expect(wrapper.attributes('data-plot-margin-top')).toBe('30')
-    expect(wrapper.attributes('data-plot-margin-bottom')).toBe('70')
-    expect(wrapper.get('.waveform-chart__overlay').attributes('height')).toBe('260')
-    expect(wrapper.get('.waveform-chart__svg > g').attributes('transform')).toContain(', 30)')
-
-    await wrapper.setProps({ plotMargin: { top: 12 } })
-
-    expect(wrapper.attributes('data-plot-margin-top')).toBe('12')
-    expect(wrapper.attributes('data-plot-margin-bottom')).toBe('52')
-    expect(wrapper.get('.waveform-chart__overlay').attributes('height')).toBe('296')
-  })
-
-  it('falls back to default plot margins for invalid values', async () => {
-    const wrapper = await mountSizedChart(
-      { kind: 'samples', values: [0, 1], sampleRate: 1 },
-      {
-        displayMode: 'compact',
-        grid: { rowCount: 1, columnCount: 1 },
-        plotMargin: { top: -1, bottom: Number.NaN },
-      },
-    )
-
-    expect(wrapper.attributes('data-plot-margin-top')).toBe('18')
-    expect(wrapper.attributes('data-plot-margin-bottom')).toBe('52')
-    expect(wrapper.get('.waveform-chart__overlay').attributes('height')).toBe('290')
-  })
-
-  it('keeps the chart title and X-axis title fixed when plot margins change', async () => {
-    const wrapper = await mountSizedChart(
-      { kind: 'samples', values: [0, 1], sampleRate: 1 },
-      {
-        displayMode: 'compact',
-        grid: { rowCount: 1, columnCount: 1 },
-        title: { text: '固定标题' },
-      },
-    )
-    const titleAreaStyle = wrapper.get('.waveform-chart__title-area').attributes('style')
-    const xAxisTitle = wrapper.get('.waveform-chart__x-label')
-    const initialX = xAxisTitle.attributes('x')
-    const initialY = xAxisTitle.attributes('y')
-
-    await wrapper.setProps({ plotMargin: { top: 60, bottom: 90 } })
-
-    expect(wrapper.get('.waveform-chart__title-area').attributes('style')).toBe(titleAreaStyle)
-    expect(wrapper.get('.waveform-chart__x-label').attributes('x')).toBe(initialX)
-    expect(wrapper.get('.waveform-chart__x-label').attributes('y')).toBe(initialY)
-    expect(wrapper.get('.waveform-chart__svg > g').attributes('transform')).toContain(', 60)')
-  })
-
-  it('does not render or reserve space for missing, hidden, or blank titles', async () => {
-    for (const title of [undefined, { visible: false, text: '隐藏标题' }, { text: '   ' }]) {
-      const wrapper = await mountSizedChart(
-        { kind: 'samples', values: [0, 1], sampleRate: 1 },
-        title ? { title } : {},
-      )
-
-      expect(wrapper.find('.waveform-chart__title-area').exists()).toBe(false)
-      expect(wrapper.attributes('data-title-area-height')).toBe('0')
-      expect(wrapper.get('.waveform-chart__svg').attributes('height')).toBe('360')
-    }
-  })
-
-  it.each(['independent', 'separated', 'compact'] as const)(
-    'keeps the titled empty state inside the drawing area in %s mode',
-    async (displayMode) => {
-      const wrapper = await mountSizedChart(
-        { kind: 'samples', values: [1], sampleRate: -1 },
-        { displayMode, title: { text: '空数据标题' } },
-      )
-
-      expect(wrapper.get('.waveform-chart__title-text').text()).toBe('空数据标题')
-      expect(wrapper.get('.waveform-chart__svg').attributes('height')).toBe('316')
-      expect(wrapper.get('.waveform-chart__empty').attributes('y')).toBe('158')
-    },
-  )
-
-  it('renders one chart title with alignment and all supported text styles', async () => {
-    const wrapper = await mountSizedChart(
-      { kind: 'samples', values: [0, 1], sampleRate: 1 },
-      {
-        title: {
-          text: '  shot: #4712  ',
-          align: 'right',
-          textStyle: {
-            color: '#c026d3',
-            fontSize: 18,
-            fontFamily: 'Consolas',
-            rotation: 0,
-            fontWeight: 700,
-            fontStyle: 'italic',
-            textDecoration: 'underline',
-            letterSpacing: '2px',
-          },
-        },
-      },
-    )
-
-    const area = wrapper.get('.waveform-chart__title-area')
-    const visual = wrapper.get('.waveform-chart__title-visual')
-    const title = wrapper.get('.waveform-chart__title-text')
-    expect(area.attributes('role')).toBe('heading')
-    expect(area.attributes('style')).toContain('justify-content: flex-end')
-    expect(title.text()).toBe('shot: #4712')
-    expect(title.attributes('style')).toContain('color: rgb(192, 38, 211)')
-    expect(title.attributes('style')).toContain('font-size: 18px')
-    expect(title.attributes('style')).toContain('font-family: Consolas')
-    expect(title.attributes('style')).toContain('font-weight: 700')
-    expect(title.attributes('style')).toContain('font-style: italic')
-    expect(title.attributes('style')).toContain('text-decoration: underline')
-    expect(title.attributes('style')).toContain('letter-spacing: 2px')
-    expect(visual.attributes('style')).toContain('width: 752px')
-    expect(title.attributes('style')).toContain('width: 752px')
-    expect(title.attributes('style')).toContain('rotate(0deg)')
-    expect(wrapper.attributes('data-title-area-height')).toBe('44')
-    expect(wrapper.get('.waveform-chart__svg').attributes('height')).toBe('316')
-  })
-
-  it('normalizes invalid title numbers and wraps long titles at narrow widths', async () => {
-    const wrapper = await mountSizedChart(
-      { kind: 'samples', values: [0, 1], sampleRate: 1 },
-      {
-        title: {
-          text: '这是一个用于验证窄屏省略行为的很长波形分析标题',
-          textStyle: { fontSize: Number.NaN, rotation: Number.POSITIVE_INFINITY },
-        },
-      },
-    )
-    resizeObservers.at(-1)?.resize(160, 360)
-    await flushPromises()
-
-    const title = wrapper.get('.waveform-chart__title-text')
-    expect(title.attributes('style')).toContain('font-size: 14px')
-    expect(title.attributes('style')).toContain('Microsoft YaHei')
-    expect(title.attributes('style')).toContain('font-weight: 400')
-    expect(title.attributes('style')).toContain('rotate(0deg)')
-    expect(title.attributes('style')).toContain('white-space: normal')
-    expect(title.attributes('style')).toContain('overflow-wrap: anywhere')
-    expect(title.attributes('title')).toBeUndefined()
-    expect(title.attributes('data-title-wrapped')).toBe('true')
-    expect(Number(wrapper.attributes('data-title-area-height'))).toBeGreaterThan(44)
-  })
-
-  it.each([45, 90, -90, 180])(
-    'scales a complete long title into the rotated title area at %s degrees',
-    async (rotation) => {
-      const wrapper = await mountSizedChart(
-        { kind: 'samples', values: [0, 1], sampleRate: 1 },
-        {
-          title: {
-            text: '这是一个用于验证旋转缩放行为的完整波形分析标题',
-            textStyle: { rotation },
-          },
-        },
-      )
-      const titleHeight = Number(wrapper.attributes('data-title-area-height'))
-      const title = wrapper.get('.waveform-chart__title-text')
-
-      expect(titleHeight).toBeGreaterThanOrEqual(44)
-      expect(titleHeight).toBeLessThanOrEqual(160)
-      expect(Number(wrapper.get('.waveform-chart__svg').attributes('height'))).toBe(
-        360 - titleHeight,
-      )
-      expect(title.text()).toBe('这是一个用于验证旋转缩放行为的完整波形分析标题')
-      expect(title.attributes('style')).toContain(`rotate(${rotation}deg)`)
-      expect(title.attributes('style')).toContain('white-space: nowrap')
-      expect(Number(title.attributes('data-title-scale'))).toBeLessThanOrEqual(1)
-      expect(title.attributes('data-title-wrapped')).toBeUndefined()
-    },
-  )
-
-  it('updates fixed and adaptive drawing heights when the title changes', async () => {
-    const fixedWrapper = mount(WaveformChart, {
-      props: {
-        data: { kind: 'samples', values: [0, 1], sampleRate: 1 },
-        height: 420,
-        title: { text: '固定高度标题' },
-      },
-    })
-    expect(fixedWrapper.get('.waveform-chart__svg').attributes('height')).toBe('376')
-
-    await fixedWrapper.setProps({ title: { visible: false, text: '固定高度标题' } })
-    expect(fixedWrapper.get('.waveform-chart__svg').attributes('height')).toBe('420')
-
-    const adaptiveWrapper = await mountSizedChart(
-      { kind: 'samples', values: [0, 1], sampleRate: 1 },
-      { title: { text: '自适应高度标题' } },
-    )
-    expect(adaptiveWrapper.get('.waveform-chart__svg').attributes('height')).toBe('316')
-    resizeObservers.at(-1)?.resize(800, 500)
-    await flushPromises()
-    expect(adaptiveWrapper.get('.waveform-chart__svg').attributes('height')).toBe('456')
-  })
-
-  it('includes the title offset in root-relative tooltip positioning', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 1, y: 5 },
-        ],
-      },
-      { title: { text: 'shot: #4712' }, grid: { rowCount: 1, columnCount: 1 } },
-    )
-    const overlay = wrapper.get('.waveform-chart__overlay')
-    const overlayWidth = Number(overlay.attributes('width'))
-    Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width: overlayWidth, height: 246 }),
-    })
-
-    overlay.element.dispatchEvent(
-      new MouseEvent('pointermove', { clientX: overlayWidth / 2, clientY: 100, bubbles: true }),
-    )
-    flushAnimationFrames()
-    await flushPromises()
-
-    const tooltipTop = Number.parseFloat(
-      (wrapper.get('.waveform-chart__tooltip').element as HTMLElement).style.top,
-    )
-    expect(tooltipTop).toBeGreaterThanOrEqual(44)
-  })
-
-  it('includes the title offset in annotation editor anchors', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 1, y: 5 },
-        ],
-      },
-      { title: { text: 'shot: #4712' }, grid: { rowCount: 1, columnCount: 1 } },
-    )
-    const overlay = wrapper.get('.waveform-chart__overlay')
-    const overlayWidth = Number(overlay.attributes('width'))
-    Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width: overlayWidth, height: 246 }),
-    })
-    overlay.element.dispatchEvent(
-      new MouseEvent('contextmenu', {
-        clientX: overlayWidth / 2,
-        clientY: 100,
-        bubbles: true,
-      }),
-    )
-    await flushPromises()
-
-    const controller = wrapper.getComponent(WaveformChartView).props('controller') as unknown as {
-      annotationInteraction: { editorDraft: { value: { anchor: { y: number } } | null } }
-    }
-    expect(controller.annotationInteraction.editorDraft.value?.anchor.y).toBe(162)
-  })
-})