waveform-analysis 0.1.63 → 0.1.64

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

@@ -1,328 +0,0 @@
-import { DOMWrapper, flushPromises } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-import { flushAnimationFrames, pendingAnimationFrameCount } from '../../test/setup'
-
-import { mountSizedChart } from '../../test/waveformChart'
-
-function getAnnotationEditor() {
-  const editor = Array.from(document.body.querySelectorAll<HTMLElement>('[role="dialog"]'))
-    .filter((element) => element.closest('.waveform-annotation-editor'))
-    .at(-1)
-  if (!editor) throw new Error('Expected annotation editor modal to be mounted')
-  return new DOMWrapper(editor)
-}
-
-describe('WaveformChart', () => {
-  it('zooms only the active independent track and resets when the mode changes', async () => {
-    const wrapper = await mountSizedChart({
-      kind: 'series',
-      series: [
-        {
-          name: 'A',
-          data: {
-            kind: 'points',
-            points: [
-              { x: 0, y: 0 },
-              { x: 2, y: 1 },
-            ],
-          },
-        },
-        {
-          name: 'B',
-          data: {
-            kind: 'points',
-            points: [
-              { x: 0, y: 2 },
-              { x: 2, y: 3 },
-            ],
-          },
-        },
-      ],
-    })
-    const endpoints = () =>
-      wrapper.findAll('.waveform-chart__axis-endpoint--end').map((item) => item.text())
-    const initialEndpoints = endpoints()
-    const firstOverlay = wrapper.findAll('.waveform-chart__overlay--independent')[0]
-    Object.defineProperty(firstOverlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width: 712, height: 130 }),
-    })
-
-    firstOverlay.element.dispatchEvent(
-      new WheelEvent('wheel', {
-        deltaY: -4000,
-        clientX: 356,
-        clientY: 65,
-        bubbles: true,
-        cancelable: true,
-      }),
-    )
-    flushAnimationFrames()
-    await flushPromises()
-
-    expect(endpoints()[0]).not.toBe(initialEndpoints[0])
-    expect(endpoints()[1]).toBe(initialEndpoints[1])
-
-    await wrapper.setProps({ displayMode: 'separated' })
-    await flushPromises()
-
-    expect(wrapper.findAll('.waveform-chart__axis--x')).toHaveLength(1)
-    expect(wrapper.get('.waveform-chart__axis-endpoint--end').text()).toBe('2000')
-  })
-
-  it('updates rendering props and disables zoom interaction', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 1 },
-          { x: 1, y: 2 },
-        ],
-      },
-      { zoomable: true, lineColor: '#ff0000' },
-    )
-
-    expect(wrapper.get('.waveform-chart__line').attributes('stroke')).toBe('#ff0000')
-    expect(wrapper.get('.waveform-chart__overlay').classes()).toContain('is-zoomable')
-
-    await wrapper.setProps({ zoomable: false, lineColor: '#00aa00' })
-    await flushPromises()
-
-    expect(wrapper.get('.waveform-chart__line').attributes('stroke')).toBe('#00aa00')
-    expect(wrapper.get('.waveform-chart__overlay').classes()).not.toContain('is-zoomable')
-  })
-
-  it('binds zoom only while zooming is enabled', async () => {
-    const wrapper = await mountSizedChart({
-      kind: 'points',
-      points: [
-        { x: 0, y: 0 },
-        { x: 2, y: 1 },
-      ],
-    })
-    const overlay = wrapper.get('.waveform-chart__overlay')
-    Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width: 712, height: 290 }),
-    })
-    const initialZoomEventCount = wrapper.emitted('zoom-change')?.length ?? 0
-    overlay.element.dispatchEvent(
-      new WheelEvent('wheel', {
-        deltaY: -4000,
-        clientX: 356,
-        clientY: 145,
-        bubbles: true,
-        cancelable: true,
-      }),
-    )
-    overlay.element.dispatchEvent(
-      new WheelEvent('wheel', {
-        deltaY: -200,
-        clientX: 356,
-        clientY: 145,
-        bubbles: true,
-        cancelable: true,
-      }),
-    )
-    expect(pendingAnimationFrameCount()).toBe(1)
-    expect(wrapper.emitted('zoom-change')?.length ?? 0).toBe(initialZoomEventCount)
-    flushAnimationFrames()
-    await flushPromises()
-
-    expect(wrapper.emitted('zoom-change')?.length ?? 0).toBe(initialZoomEventCount + 1)
-
-    await wrapper.setProps({ zoomable: false })
-    await flushPromises()
-    const zoomEventCount = wrapper.emitted('zoom-change')?.length ?? 0
-    overlay.element.dispatchEvent(
-      new WheelEvent('wheel', {
-        deltaY: -4000,
-        clientX: 356,
-        clientY: 145,
-        bubbles: true,
-        cancelable: true,
-      }),
-    )
-    flushAnimationFrames()
-    await flushPromises()
-
-    expect(wrapper.emitted('zoom-change')?.length ?? 0).toBe(zoomEventCount)
-    expect(overlay.classes()).not.toContain('is-zoomable')
-  })
-
-  it('creates a controlled annotation from externally selected annotation mode', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 1, y: 5 },
-        ],
-      },
-      { interactionMode: 'annotation' },
-    )
-    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: 290 }),
-    })
-    const path = wrapper.get('.waveform-chart__line').attributes('d') ?? ''
-    const endpoint = path.match(/L([\d.-]+),([\d.-]+)$/)
-    expect(endpoint).not.toBeNull()
-
-    expect(wrapper.attributes('data-interaction-mode')).toBe('annotation')
-    overlay.element.dispatchEvent(
-      new MouseEvent('click', {
-        clientX: Number(endpoint?.[1]),
-        clientY: Number(endpoint?.[2]),
-        bubbles: true,
-        cancelable: true,
-      }),
-    )
-    await flushPromises()
-
-    const editor = getAnnotationEditor()
-    await editor.get('textarea[aria-label="标注文本"]').setValue('峰值点')
-    await editor.get('button.ant-btn-primary').trigger('click')
-    await flushPromises()
-
-    const annotations = wrapper.emitted('update:annotations')?.at(-1)?.[0] as
-      Array<{ seriesId: string; x: number; y: number; text: string }> | undefined
-    expect(annotations).toHaveLength(1)
-    expect(annotations?.[0]).toMatchObject({ seriesId: 'series-0', x: 1, y: 5, text: '峰值点' })
-    expect(wrapper.emitted('annotation-create')).toHaveLength(1)
-    expect(wrapper.attributes('data-interaction-mode')).toBe('annotation')
-  })
-
-  it('supports right-click creation anywhere in the plot without drawing an anchor or guide line', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 1, y: 5 },
-        ],
-      },
-      { 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: 290 }),
-    })
-
-    overlay.element.dispatchEvent(
-      new MouseEvent('contextmenu', {
-        clientX: overlayWidth / 2,
-        clientY: 145,
-        bubbles: true,
-      }),
-    )
-    await flushPromises()
-    const editor = getAnnotationEditor()
-    expect(editor.attributes('role')).toBe('dialog')
-    expect(editor.find('.waveform-annotation-editor__content').exists()).toBe(true)
-    const textarea = editor.get('textarea[aria-label="标注文本"]')
-    const textareaContextMenu = new MouseEvent('contextmenu', {
-      bubbles: true,
-      cancelable: true,
-    })
-    expect(textarea.element.dispatchEvent(textareaContextMenu)).toBe(true)
-    expect(textareaContextMenu.defaultPrevented).toBe(false)
-    await textarea.setValue('右键标注')
-    await editor.get('button.ant-btn-primary').trigger('click')
-    await flushPromises()
-
-    // Annotation snaps to nearest sample point (x=1, y=5)
-    expect(wrapper.emitted('update:annotations')?.at(-1)?.[0]).toMatchObject([
-      { seriesId: 'series-0', x: 1, y: 5 },
-    ])
-    await wrapper.setProps({
-      annotations: [{ id: 'right-click', seriesId: 'series-0', x: 1, y: 5, text: '右键标注' }],
-    })
-    expect(wrapper.find('.waveform-annotation__vertical-line').exists()).toBe(false)
-    expect(wrapper.find('.waveform-annotation__anchor').exists()).toBe(false)
-    expect(wrapper.get('.waveform-annotation__arrow').attributes('x2')).not.toBe(
-      String(overlayWidth / 2),
-    )
-  })
-
-  it('limits modal channel options to the graph frame under the pointer', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'series',
-        series: [
-          {
-            id: 'channel-a',
-            name: '通道 A',
-            data: {
-              kind: 'points',
-              points: [
-                { x: 0, y: 0 },
-                { x: 1, y: 1 },
-              ],
-            },
-          },
-          {
-            id: 'channel-b',
-            name: '通道 B',
-            data: {
-              kind: 'points',
-              points: [
-                { x: 0, y: 10 },
-                { x: 1, y: 11 },
-              ],
-            },
-          },
-        ],
-      },
-      { displayMode: 'separated' },
-    )
-    const overlays = wrapper.findAll('.waveform-chart__overlay--shared')
-    expect(overlays.length).toBeGreaterThan(0)
-    Object.defineProperty(overlays[0].element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width: 712, height: 290 }),
-    })
-
-    overlays[0].element.dispatchEvent(
-      new MouseEvent('contextmenu', { clientX: 356, clientY: 30, bubbles: true }),
-    )
-    await flushPromises()
-    expect(
-      getAnnotationEditor()
-        .get('select[aria-label="选择标注波形"]')
-        .findAll('option')
-        .map((item) => item.text()),
-    ).toEqual(['通道 A'])
-
-    await getAnnotationEditor().get('.ant-modal-close').trigger('click')
-    overlays[0].element.dispatchEvent(
-      new MouseEvent('contextmenu', { clientX: 356, clientY: 230, bubbles: true }),
-    )
-    await flushPromises()
-    expect(
-      getAnnotationEditor()
-        .get('select[aria-label="选择标注波形"]')
-        .findAll('option')
-        .map((item) => item.text()),
-    ).toEqual(['通道 B'])
-  })
-
-  it('intelligently chooses placement to avoid clipping at boundaries', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 1, y: 5 },
-        ],
-      },
-      { annotations: [{ id: 'top-edge', seriesId: 'series-0', x: 0.5, y: 5, text: '顶部标注' }] },
-    )
-
-    // Smart placement chooses 'bottom' when annotation is near top boundary
-    expect(wrapper.get('.waveform-annotation').attributes('data-placement')).toBe('bottom')
-    expect(wrapper.get('.waveform-annotation__arrow').attributes('x1')).toBe(
-      wrapper.get('.waveform-annotation__arrow').attributes('x2'),
-    )
-  })
-})

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

@@ -1,371 +0,0 @@
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-import { resizeObservers } from '../../test/setup'
-
-import { gridSeries, mountSizedChart } from '../../test/waveformChart'
-
-describe('WaveformChart', () => {
-  it('expands the Y-axis label gutter for signed values and long exponents', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'series',
-        series: Array.from({ length: 4 }, (_, index) => ({
-          id: `wide-axis-${index}`,
-          name: `宽范围 ${index + 1}`,
-          data: {
-            kind: 'points',
-            points: [
-              { x: 0, y: -1e120 },
-              { x: 0.5, y: 0 },
-              { x: 1, y: 1e120 },
-            ],
-          },
-        })),
-      },
-      { displayMode: 'compact', grid: { rowCount: 2, columnCount: 2 } },
-    )
-    const tracks = wrapper.findAll('.waveform-chart__track')
-    const labelX = Number(tracks[0].attributes('data-y-axis-label-x'))
-    const firstWidth = Number(tracks[0].attributes('data-track-width'))
-    const secondLeft = Number(tracks[1].attributes('data-track-left'))
-    const labelBackgroundX = Number(
-      tracks[0].get('.waveform-chart__y-axis-label-bg').attributes('x'),
-    )
-    const longestTickLabel = Math.max(
-      ...tracks[0].findAll('.waveform-chart__axis--y .tick text').map((tick) => tick.text().length),
-    )
-
-    expect(Math.abs(labelX)).toBeGreaterThanOrEqual(7 + longestTickLabel * 7 + 6)
-    expect(labelBackgroundX).toBe(labelX - 6)
-    expect(Number(wrapper.attributes('data-chart-left-margin'))).toBeGreaterThanOrEqual(80)
-    expect(secondLeft - firstWidth).toBeGreaterThanOrEqual(72)
-  })
-
-  it('keeps a tick-only gutter when channel labels are empty', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'series',
-        series: Array.from({ length: 2 }, (_, index) => ({
-          id: `unnamed-${index}`,
-          name: '',
-          data: {
-            kind: 'points',
-            points: [
-              { x: 0, y: -1e120 },
-              { x: 1, y: 1e120 },
-            ],
-          },
-        })),
-      },
-      { yLabel: '', grid: { rowCount: 1, columnCount: 2 } },
-    )
-    const tracks = wrapper.findAll('.waveform-chart__track')
-    const firstWidth = Number(tracks[0].attributes('data-track-width'))
-    const secondLeft = Number(tracks[1].attributes('data-track-left'))
-
-    expect(wrapper.findAll('.waveform-chart__y-axis-label')).toHaveLength(0)
-    expect(Number(wrapper.attributes('data-chart-left-margin'))).toBe(80)
-    expect(secondLeft - firstWidth).toBeGreaterThanOrEqual(60)
-  })
-
-  it('updates the Y-axis label position while preserving the chart gutter between pages', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'series',
-        series: [
-          {
-            id: 'short-axis',
-            name: '短范围',
-            data: {
-              kind: 'points',
-              points: [
-                { x: 0, y: 0 },
-                { x: 1, y: 1 },
-              ],
-            },
-          },
-          {
-            id: 'wide-axis',
-            name: '宽范围',
-            data: {
-              kind: 'points',
-              points: [
-                { x: 0, y: -1e120 },
-                { x: 1, y: 1e120 },
-              ],
-            },
-          },
-        ],
-      },
-      { grid: { rowCount: 1, columnCount: 1 } },
-    )
-    const initialMargin = wrapper.attributes('data-chart-left-margin')
-    const initialTrack = wrapper.get('.waveform-chart__track')
-    const initialLongestTickLabel = Math.max(
-      ...initialTrack
-        .findAll('.waveform-chart__axis--y .tick text')
-        .map((tick) => tick.text().length),
-    )
-    expect(initialTrack.attributes('data-y-axis-label-x')).toBe(
-      String(-(7 + initialLongestTickLabel * 7 + 6)),
-    )
-
-    await wrapper.get('.ant-pagination-next button').trigger('click')
-
-    expect(wrapper.attributes('data-chart-left-margin')).toBe(initialMargin)
-    const pagedTrack = wrapper.get('.waveform-chart__track')
-    const pagedLongestTickLabel = Math.max(
-      ...pagedTrack
-        .findAll('.waveform-chart__axis--y .tick text')
-        .map((tick) => tick.text().length),
-    )
-    expect(pagedTrack.attributes('data-y-axis-label-x')).toBe(
-      String(-(7 + pagedLongestTickLabel * 7 + 6)),
-    )
-  })
-
-  it('hides only secondary-column Y-axis labels when the grid is too narrow', async () => {
-    const wrapper = await mountSizedChart(gridSeries(4), {
-      displayMode: 'independent',
-      grid: { rowCount: 2, columnCount: 2 },
-    })
-
-    resizeObservers.at(-1)?.resize(120, 360)
-    await flushPromises()
-
-    expect(wrapper.findAll('.waveform-chart__y-axis-label')).toHaveLength(2)
-    expect(wrapper.findAll('.waveform-chart__axis--y')).toHaveLength(4)
-    const tracks = wrapper.findAll('.waveform-chart__track')
-    const firstWidth = Number(tracks[0].attributes('data-track-width'))
-    const secondLeft = Number(tracks[1].attributes('data-track-left'))
-    expect(secondLeft - firstWidth).toBeGreaterThanOrEqual(32)
-  })
-
-  it('uses one shared overlay and bottom-row x axes for separated and compact grids', async () => {
-    for (const displayMode of ['separated', 'compact'] as const) {
-      const wrapper = await mountSizedChart(gridSeries(4), {
-        displayMode,
-        grid: { rowCount: 2, columnCount: 2 },
-      })
-      expect(wrapper.findAll('.waveform-chart__overlay--shared')).toHaveLength(1)
-      expect(wrapper.findAll('.waveform-chart__axis--x')).toHaveLength(2)
-      const tracks = wrapper.findAll('.waveform-chart__track')
-      const firstTop = Number(tracks[0].attributes('data-track-top'))
-      const secondRowTop = Number(tracks[2].attributes('data-track-top'))
-      const firstHeight = Number(tracks[0].attributes('data-track-height'))
-      if (displayMode === 'compact') expect(secondRowTop).toBe(firstTop + firstHeight)
-      else expect(secondRowTop).toBeGreaterThan(firstTop + firstHeight)
-    }
-  })
-
-  it('keeps unused compact cells visually empty while preserving bottom X axes', async () => {
-    const data = gridSeries(4)
-    if (data.kind === 'series') {
-      data.series.forEach((series, index) => {
-        series.data = {
-          kind: 'points',
-          points: [
-            { x: 100, y: index },
-            { x: 200, y: index + 1 },
-          ],
-        }
-      })
-    }
-    const wrapper = await mountSizedChart(data, {
-      displayMode: 'compact',
-      grid: { rowCount: 2, columnCount: 3 },
-    })
-
-    const tracks = wrapper.findAll('.waveform-chart__track')
-    const emptyTracks = wrapper.findAll('.waveform-chart__track--empty')
-    const firstTrackTop = Number(tracks[0].attributes('data-track-top'))
-    const firstTrackHeight = Number(tracks[0].attributes('data-track-height'))
-    const secondRowFirstTrackTop = Number(tracks[3].attributes('data-track-top'))
-
-    expect(tracks).toHaveLength(6)
-    expect(emptyTracks).toHaveLength(2)
-    expect(wrapper.find('.waveform-chart__grid-slot-placeholder').exists()).toBe(false)
-    expect(secondRowFirstTrackTop).toBe(firstTrackTop + firstTrackHeight)
-    expect(wrapper.findAll('.waveform-chart__axis--x')).toHaveLength(3)
-    expect(wrapper.findAll('.waveform-chart__line')).toHaveLength(4)
-    expect(emptyTracks[0].findAll('.waveform-chart__grid')).toHaveLength(0)
-    expect(emptyTracks[0].find('.waveform-chart__plot-background').exists()).toBe(false)
-    expect(emptyTracks[0].find('.waveform-chart__plot-frame').exists()).toBe(false)
-    expect(emptyTracks[0].find('.waveform-chart__axis--y').exists()).toBe(false)
-    expect(emptyTracks[0].find('.waveform-chart__line').exists()).toBe(false)
-    expect(emptyTracks[0].find('.waveform-chart__y-axis-label').exists()).toBe(false)
-    expect(emptyTracks[0].find('.waveform-chart__watermark').exists()).toBe(false)
-
-    const populatedBottomTrack = tracks[3]
-    expect(emptyTracks[0].get('.waveform-chart__axis-endpoint--start').text()).toBe(
-      populatedBottomTrack.get('.waveform-chart__axis-endpoint--start').text(),
-    )
-    expect(emptyTracks[0].get('.waveform-chart__axis-endpoint--end').text()).toBe(
-      populatedBottomTrack.get('.waveform-chart__axis-endpoint--end').text(),
-    )
-  })
-
-  it('shows the global empty state when compact data has no valid channels', async () => {
-    const wrapper = await mountSizedChart(
-      { kind: 'samples', values: [1], sampleRate: -1 },
-      { displayMode: 'compact', grid: { rowCount: 2, columnCount: 3 } },
-    )
-
-    expect(wrapper.get('.waveform-chart__empty').text()).toContain('暂无有效波形数据')
-    expect(wrapper.findAll('.waveform-chart__track')).toHaveLength(0)
-    expect(wrapper.findAll('.waveform-chart__axis--x')).toHaveLength(0)
-    expect(wrapper.findAll('.waveform-chart__line')).toHaveLength(0)
-  })
-
-  it('resets the page when the grid configuration changes', async () => {
-    const wrapper = await mountSizedChart(gridSeries(5), {
-      grid: { rowCount: 1, columnCount: 1 },
-    })
-    await wrapper.get('.ant-pagination-next button').trigger('click')
-    expect(wrapper.get('.ant-pagination-item-2').classes()).toContain('ant-pagination-item-active')
-
-    await wrapper.setProps({ grid: { rowCount: 2, columnCount: 1 } })
-    await flushPromises()
-    expect(wrapper.get('.ant-pagination-item-1').classes()).toContain('ant-pagination-item-active')
-  })
-
-  it('keeps the shared x domain stable while paging separated and compact grids', async () => {
-    for (const displayMode of ['separated', 'compact'] as const) {
-      const wrapper = await mountSizedChart(gridSeries(3), {
-        displayMode,
-        grid: { rowCount: 1, columnCount: 1 },
-      })
-      const initialEnd = wrapper.get('.waveform-chart__axis-endpoint--end').text()
-      await wrapper.get('.ant-pagination-next button').trigger('click')
-      expect(wrapper.get('.waveform-chart__axis-endpoint--end').text()).toBe(initialEnd)
-    }
-  })
-
-  it('uses the shared initial x domain for every independent track by default', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'series',
-        series: [
-          {
-            id: 'narrow-track',
-            name: '窄范围',
-            data: {
-              kind: 'points',
-              points: [
-                { x: 0, y: 0 },
-                { x: 0.006, y: 1 },
-              ],
-            },
-          },
-          {
-            id: 'wide-track',
-            name: '宽范围',
-            data: {
-              kind: 'points',
-              points: [
-                { x: -8, y: 0 },
-                { x: 5, y: 1 },
-              ],
-            },
-          },
-        ],
-      },
-      {
-        displayMode: 'independent',
-        grid: { rowCount: 1, columnCount: 2 },
-        initialXDomain: [-8, 5],
-      },
-    )
-
-    const tracks = wrapper.findAll('.waveform-chart__track')
-    expect(tracks[0]?.get('.waveform-chart__axis-endpoint--start').text()).toBe('-8000')
-    expect(tracks[0]?.get('.waveform-chart__axis-endpoint--end').text()).toBe('5000')
-    expect(tracks[1]?.get('.waveform-chart__axis-endpoint--start').text()).toBe('-8000')
-    expect(tracks[1]?.get('.waveform-chart__axis-endpoint--end').text()).toBe('5000')
-  })
-
-  it('uses an explicit initial x domain override for an independent track', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'series',
-        series: [
-          {
-            id: 'narrow-track',
-            name: '窄范围',
-            data: {
-              kind: 'points',
-              points: [
-                { x: 0, y: 0 },
-                { x: 0.006, y: 1 },
-              ],
-            },
-          },
-        ],
-      },
-      {
-        displayMode: 'independent',
-        initialXDomain: [-8, 5],
-        initialXDomains: { 'narrow-track': [0, 1] },
-      },
-    )
-
-    expect(wrapper.get('.waveform-chart__axis-endpoint--end').text()).toBe('1000')
-  })
-
-  it('reacts to nice fixed Y-domain props and returns to automatic bounds', async () => {
-    const wrapper = await mountSizedChart({
-      kind: 'points',
-      points: [
-        { x: 0, y: 0 },
-        { x: 1, y: 100 },
-      ],
-    })
-    const yTickLabels = () =>
-      wrapper
-        .get('.waveform-chart__axis--y')
-        .findAll('.tick text')
-        .map((tick) => tick.text())
-
-    await wrapper.setProps({ yDomain: [3, 97] })
-    await flushPromises()
-    expect(yTickLabels()).toContain('0')
-    expect(yTickLabels()).toContain('100')
-
-    await wrapper.setProps({ yDomain: undefined })
-    await flushPromises()
-    expect(yTickLabels()).not.toContain('3')
-    expect(yTickLabels()).not.toContain('97')
-  })
-
-  it('keeps annotations bound to their channel while paging', async () => {
-    const wrapper = await mountSizedChart(gridSeries(3), {
-      grid: { rowCount: 1, columnCount: 1 },
-      annotations: [
-        { id: 'channel-2-note', seriesId: 'channel-1', x: 1, y: 2, text: '当前页标注' },
-      ],
-    })
-    expect(wrapper.find('[data-annotation-id="channel-2-note"]').exists()).toBe(false)
-    await wrapper.get('.ant-pagination-next button').trigger('click')
-    expect(wrapper.find('[data-annotation-id="channel-2-note"]').exists()).toBe(true)
-  })
-
-  it('renders a path for sample data and responds to width changes', async () => {
-    const wrapper = await mountSizedChart({
-      kind: 'samples',
-      values: [0, 1, -1, 0.5],
-      sampleRate: 4,
-    })
-    const initialPath = wrapper.get('.waveform-chart__line').attributes('d')
-
-    expect(initialPath).toContain('L')
-    expect(wrapper.get('.waveform-chart__svg').attributes('width')).toBe('800')
-    expect(wrapper.attributes('data-interaction-mode')).toBeUndefined()
-
-    resizeObservers.at(-1)?.resize(500, 360)
-    await flushPromises()
-
-    expect(wrapper.get('.waveform-chart__svg').attributes('width')).toBe('500')
-    expect(wrapper.get('.waveform-chart__line').attributes('d')).not.toBe(initialPath)
-  })
-})