waveform-analysis 0.1.62 → 0.1.64

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

@@ -1,358 +0,0 @@
-import { flushPromises, mount } from '@vue/test-utils'
-import { describe, expect, it, vi } from 'vitest'
-
-import { flushAnimationFrames, pendingAnimationFrameCount } from '../../test/setup'
-import WaveformChart from '../WaveformChart.vue'
-
-import { gridSeries, mountSizedChart } from '../../test/waveformChart'
-
-describe('WaveformChart', () => {
-  it('suppresses native context menus across the waveform component', async () => {
-    const wrapper = await mountSizedChart(gridSeries(2), {
-      title: { text: '波形标题' },
-      grid: { rowCount: 1, columnCount: 1, showPagination: true },
-    })
-
-    for (const selector of [
-      '.waveform-chart__title-area',
-      '.waveform-chart__grid',
-      '.waveform-chart__overlay',
-      '.waveform-chart__pagination',
-    ]) {
-      const event = new MouseEvent('contextmenu', { bubbles: true, cancelable: true })
-      const dispatched = wrapper.get(selector).element.dispatchEvent(event)
-
-      expect(dispatched).toBe(false)
-      expect(event.defaultPrevented).toBe(true)
-    }
-
-    const sharedWrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 1, y: 1 },
-        ],
-      },
-      { displayMode: 'separated' },
-    )
-    const sharedEvent = new MouseEvent('contextmenu', { bubbles: true, cancelable: true })
-    const sharedDispatched = sharedWrapper
-      .get('.waveform-chart__overlay--shared')
-      .element.dispatchEvent(sharedEvent)
-
-    expect(sharedDispatched).toBe(false)
-    expect(sharedEvent.defaultPrevented).toBe(true)
-  })
-
-  it('preserves native context menus for editable controls', async () => {
-    const wrapper = await mountSizedChart({ kind: 'samples', values: [0, 1], sampleRate: 1 })
-    const editableElements = [
-      document.createElement('input'),
-      document.createElement('textarea'),
-      document.createElement('div'),
-    ]
-    editableElements[2]?.setAttribute('contenteditable', 'true')
-
-    for (const element of editableElements) {
-      wrapper.element.appendChild(element)
-      const event = new MouseEvent('contextmenu', { bubbles: true, cancelable: true })
-      const dispatched = element.dispatchEvent(event)
-
-      expect(dispatched).toBe(true)
-      expect(event.defaultPrevented).toBe(false)
-    }
-  })
-
-  it('applies size fallbacks for minimum, negative, and non-finite values', async () => {
-    const minimumWrapper = mount(WaveformChart, {
-      props: {
-        data: { kind: 'samples', values: [0, 1], sampleRate: 1 },
-        width: -20,
-        height: -20,
-      },
-    })
-
-    expect(minimumWrapper.attributes('style')).toContain('width: 0px')
-    expect(minimumWrapper.attributes('style')).toContain('height: 180px')
-    expect(minimumWrapper.get('.waveform-chart__svg').attributes('height')).toBe('180')
-
-    const adaptiveWrapper = mount(WaveformChart, {
-      props: {
-        data: { kind: 'samples', values: [0, 1], sampleRate: 1 },
-        width: Number.POSITIVE_INFINITY,
-        height: Number.NaN,
-      },
-    })
-
-    expect(adaptiveWrapper.attributes('style')).toContain('width: 100%')
-    expect(adaptiveWrapper.attributes('style')).toContain('height: 100%')
-  })
-
-  it('keeps a 100k-point SVG path bounded by the plot width', async () => {
-    const sourcePoints = Array.from({ length: 100_000 }, (_, index) => ({
-      x: index / 1_000,
-      y: index === 50_001 ? 100 : Math.sin(index / 50),
-    }))
-    const wrapper = await mountSizedChart(
-      { kind: 'points', points: sourcePoints },
-      { rendering: { downsampleThreshold: 1_000, maxPointsPerPixel: 4 } },
-    )
-    const overlayWidth = Number(wrapper.get('.waveform-chart__overlay').attributes('width'))
-    await vi.waitFor(
-      () => {
-        expect(wrapper.emitted('sampling-complete')?.length).toBeGreaterThan(0)
-        const path = wrapper.get('.waveform-chart__line').attributes('d') ?? ''
-        const renderedPointCount = path.match(/[ML]/g)?.length ?? 0
-        expect(renderedPointCount).toBeGreaterThan(0)
-        expect(renderedPointCount).toBeLessThanOrEqual(Math.floor(overlayWidth * 4) + 2)
-        expect(path).toContain(',0')
-      },
-      { timeout: 5_000 },
-    )
-  })
-
-  it('bounds dense decorations by pixel spacing while keeping one SVG path per series', async () => {
-    const sourcePoints = Array.from({ length: 1_000 }, (_, index) => ({
-      x: index,
-      y: Math.sin(index / 20),
-      error: 0.1,
-    }))
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'series',
-        series: [
-          {
-            id: 'dense-decorations',
-            name: '密集标记',
-            pointType: 'triangle',
-            errorBar: { visible: true },
-            data: { kind: 'points', points: sourcePoints },
-          },
-        ],
-      },
-      { rendering: { pointMinSpacing: 10, errorBarMinSpacing: 12 } },
-    )
-    const overlayWidth = Number(wrapper.get('.waveform-chart__overlay').attributes('width'))
-    const pointPaths = wrapper.findAll('.waveform-chart__point')
-    const errorBarPaths = wrapper.findAll('.waveform-chart__error-bar')
-    const pointCount = pointPaths[0]?.attributes('d')?.match(/M/g)?.length ?? 0
-    const errorBarCount = (errorBarPaths[0]?.attributes('d')?.match(/M/g)?.length ?? 0) / 3
-
-    expect(pointPaths).toHaveLength(1)
-    expect(errorBarPaths).toHaveLength(1)
-    expect(pointCount).toBeLessThanOrEqual(Math.ceil(overlayWidth / 10) + 2)
-    expect(errorBarCount).toBeLessThanOrEqual(Math.ceil(overlayWidth / 12) + 2)
-  })
-
-  it('renders explicit points and supports a single point', async () => {
-    const wrapper = await mountSizedChart({ kind: 'points', points: [{ x: 3, y: 8 }] })
-
-    expect(wrapper.get('.waveform-chart__line').attributes('d')).toContain('M')
-    expect(wrapper.find('.waveform-chart__empty').exists()).toBe(false)
-  })
-
-  it('shows an empty state for empty and invalid data', async () => {
-    const wrapper = await mountSizedChart({ kind: 'samples', values: [1], sampleRate: -1 })
-
-    expect(wrapper.get('.waveform-chart__empty').text()).toContain('暂无有效波形数据')
-    expect(wrapper.find('.waveform-chart__line').exists()).toBe(false)
-  })
-
-  it('emits the nearest point on hover and clears it on leave', 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('pointermove', { clientX: 700, clientY: 120, bubbles: true }),
-    )
-    flushAnimationFrames()
-    await flushPromises()
-    expect(wrapper.emitted('point-hover')?.at(-1)).toEqual([{ x: 1, y: 5 }])
-    expect(wrapper.find('.waveform-chart__tooltip').exists()).toBe(true)
-    expect(wrapper.get('.waveform-tooltip__series-label').text()).toContain('未配置炮号：')
-    const crosshairLines = wrapper.findAll('.waveform-chart__crosshair line')
-    expect(crosshairLines).toHaveLength(1)
-    expect(crosshairLines[0].attributes('x1')).toBe(crosshairLines[0].attributes('x2'))
-    expect(crosshairLines[0].attributes('y1')).toBe('0')
-    expect(wrapper.find('.waveform-chart__crosshair circle').exists()).toBe(false)
-
-    await overlay.trigger('pointerleave')
-    expect(wrapper.emitted('point-hover')?.at(-1)).toEqual([null])
-  })
-
-  it('clears hover when the pointer leaves the chart and restores it only after a new plot move', 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('pointermove', { clientX: overlayWidth, clientY: 120, bubbles: true }),
-    )
-    flushAnimationFrames()
-    await flushPromises()
-    expect(wrapper.find('.waveform-chart__tooltip').exists()).toBe(true)
-
-    await wrapper.trigger('pointerleave')
-    expect(wrapper.find('.waveform-chart__tooltip').exists()).toBe(false)
-    expect(wrapper.find('.waveform-chart__crosshair').exists()).toBe(false)
-    expect(wrapper.emitted('point-hover')?.at(-1)).toEqual([null])
-
-    await wrapper.trigger('pointerenter')
-    expect(wrapper.find('.waveform-chart__tooltip').exists()).toBe(false)
-
-    overlay.element.dispatchEvent(
-      new MouseEvent('pointermove', { clientX: 0, clientY: 120, bubbles: true }),
-    )
-    flushAnimationFrames()
-    await flushPromises()
-    expect(wrapper.find('.waveform-chart__tooltip').exists()).toBe(true)
-  })
-
-  it('hides the numeric tooltip and crosshair when showTooltip is disabled', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 1, y: 5 },
-        ],
-      },
-      { grid: { rowCount: 1, columnCount: 1 }, showTooltip: false },
-    )
-    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('pointermove', { clientX: 700, clientY: 120, bubbles: true }),
-    )
-    flushAnimationFrames()
-    await flushPromises()
-
-    expect(wrapper.find('.waveform-chart__tooltip').exists()).toBe(false)
-    expect(wrapper.find('.waveform-chart__crosshair').exists()).toBe(false)
-
-    await wrapper.setProps({ showTooltip: true })
-    await flushPromises()
-    expect(wrapper.find('.waveform-chart__tooltip').exists()).toBe(true)
-    expect(wrapper.find('.waveform-chart__crosshair').exists()).toBe(true)
-  })
-
-  it('coalesces pointer moves per frame and cancels pending hover work', 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 }),
-    })
-    const emittedBeforeMove = wrapper.emitted('point-hover')?.length ?? 0
-
-    overlay.element.dispatchEvent(
-      new MouseEvent('pointermove', { clientX: 0, clientY: 100, bubbles: true }),
-    )
-    overlay.element.dispatchEvent(
-      new MouseEvent('pointermove', { clientX: overlayWidth, clientY: 120, bubbles: true }),
-    )
-
-    expect(pendingAnimationFrameCount()).toBe(1)
-    expect(wrapper.emitted('point-hover')?.length ?? 0).toBe(emittedBeforeMove)
-    flushAnimationFrames()
-    await flushPromises()
-    expect(wrapper.emitted('point-hover')).toHaveLength(emittedBeforeMove + 1)
-    expect(wrapper.emitted('point-hover')?.at(-1)).toEqual([{ x: 1, y: 5 }])
-
-    overlay.element.dispatchEvent(
-      new MouseEvent('pointermove', { clientX: 0, clientY: 100, bubbles: true }),
-    )
-    expect(pendingAnimationFrameCount()).toBe(1)
-    await overlay.trigger('pointerleave')
-    const emittedAfterLeave = wrapper.emitted('point-hover')?.length ?? 0
-    expect(pendingAnimationFrameCount()).toBe(0)
-    flushAnimationFrames()
-    await flushPromises()
-    expect(wrapper.emitted('point-hover')).toHaveLength(emittedAfterLeave)
-    expect(wrapper.emitted('point-hover')?.at(-1)).toEqual([null])
-
-    overlay.element.dispatchEvent(
-      new MouseEvent('pointermove', { clientX: overlayWidth, clientY: 100, bubbles: true }),
-    )
-    expect(pendingAnimationFrameCount()).toBe(1)
-    wrapper.unmount()
-    expect(pendingAnimationFrameCount()).toBe(0)
-  })
-
-  it('isolates hover rendering from the chart, track, and waveform path subtrees', 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 }),
-    })
-
-    const track = wrapper.getComponent({ name: 'WaveformTrack' })
-    const seriesLayer = wrapper.getComponent({ name: 'WaveformSeriesLayer' })
-    const chartUpdate = vi.spyOn(wrapper.vm.$, 'update')
-    const trackUpdate = vi.spyOn(track.vm.$, 'update')
-    const seriesLayerUpdate = vi.spyOn(seriesLayer.vm.$, 'update')
-    const pathBeforeHover = wrapper.get('.waveform-chart__line').element
-
-    overlay.element.dispatchEvent(
-      new MouseEvent('pointermove', { clientX: overlayWidth, clientY: 120, bubbles: true }),
-    )
-    flushAnimationFrames()
-    await flushPromises()
-
-    expect(wrapper.get('.waveform-tooltip__series-label').text()).toContain('未配置炮号：')
-    expect(wrapper.findAll('.waveform-chart__crosshair line')).toHaveLength(1)
-    expect(wrapper.get('.waveform-chart__line').element).toBe(pathBeforeHover)
-    expect(chartUpdate).not.toHaveBeenCalled()
-    expect(trackUpdate).not.toHaveBeenCalled()
-    expect(seriesLayerUpdate).not.toHaveBeenCalled()
-  })
-})

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

@@ -1,310 +0,0 @@
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-import { type WaveformData } from '../waveform'
-
-import { gridSeries, mountSizedChart } from '../../test/waveformChart'
-
-describe('WaveformChart', () => {
-  it('keeps other independent tracks unchanged when one data window is replaced', async () => {
-    const wrapper = await mountSizedChart(gridSeries(2), {
-      displayMode: 'independent',
-      grid: { rowCount: 1, columnCount: 2 },
-    })
-    const originalEndpoints = wrapper
-      .findAll('.waveform-chart__axis-endpoint--end')
-      .map((endpoint) => endpoint.text())
-
-    await wrapper.setProps({
-      data: {
-        kind: 'series',
-        series: [
-          {
-            id: 'channel-0',
-            name: '通道 1',
-            data: {
-              kind: 'points',
-              points: [
-                { x: 0.25, y: 0 },
-                { x: 0.75, y: 1 },
-              ],
-            },
-          },
-          {
-            id: 'channel-1',
-            name: '通道 2',
-            data: {
-              kind: 'points',
-              points: [
-                { x: 0, y: 1 },
-                { x: 1, y: 2 },
-              ],
-            },
-          },
-        ],
-      },
-    })
-    await flushPromises()
-
-    const nextEndpoints = wrapper
-      .findAll('.waveform-chart__axis-endpoint--end')
-      .map((endpoint) => endpoint.text())
-    expect(nextEndpoints[0]).not.toBe(originalEndpoints[0])
-    expect(nextEndpoints[1]).toBe(originalEndpoints[1])
-  })
-
-  it('rebuilds cached domains only when the data reference changes', async () => {
-    const firstData: WaveformData = {
-      kind: 'points',
-      points: [
-        { x: 0, y: 0 },
-        { x: 1, y: 1 },
-      ],
-    }
-    const wrapper = await mountSizedChart(firstData)
-    expect(wrapper.get('.waveform-chart__axis-endpoint--end').text()).toBe('1000')
-
-    firstData.points.push({ x: 2, y: 2 })
-    await flushPromises()
-    expect(wrapper.get('.waveform-chart__axis-endpoint--end').text()).toBe('1000')
-
-    await wrapper.setProps({ data: { ...firstData, points: [...firstData.points] } })
-    await flushPromises()
-    expect(wrapper.get('.waveform-chart__axis-endpoint--end').text()).toBe('2000')
-  })
-
-  it('keeps controlled annotations when replacing the loaded data window', async () => {
-    const annotations = [
-      { id: 'window-note', seriesId: 'series-0', x: 0.5, y: 0.5, text: '窗口标注' },
-    ]
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 1, y: 1 },
-        ],
-      },
-      { annotations },
-    )
-    expect(wrapper.find('[data-annotation-id="window-note"]').exists()).toBe(true)
-
-    await wrapper.setProps({
-      data: {
-        kind: 'points',
-        points: [
-          { x: 2, y: 0 },
-          { x: 3, y: 1 },
-        ],
-      },
-    })
-    await flushPromises()
-
-    expect(wrapper.find('[data-annotation-id="window-note"]').exists()).toBe(false)
-    expect(annotations).toEqual([
-      { id: 'window-note', seriesId: 'series-0', x: 0.5, y: 0.5, text: '窗口标注' },
-    ])
-
-    await wrapper.setProps({
-      data: {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 1, y: 1 },
-        ],
-      },
-    })
-    await flushPromises()
-    expect(wrapper.find('[data-annotation-id="window-note"]').exists()).toBe(true)
-  })
-
-  it('renders named multi-channel paths as independent tracks by default', async () => {
-    const wrapper = await mountSizedChart({
-      kind: 'series',
-      series: [
-        {
-          name: 'BT2_2M',
-          unit: 'T',
-          data: {
-            kind: 'points',
-            points: [
-              { x: 0, y: 0 },
-              { x: 1, y: 2 },
-            ],
-          },
-        },
-        {
-          name: 'BT1_2M',
-          unit: 'T',
-          data: {
-            kind: 'points',
-            points: [
-              { x: 0, y: -1 },
-              { x: 2, y: 3 },
-            ],
-          },
-        },
-      ],
-    })
-    const paths = wrapper.findAll('.waveform-chart__line')
-
-    expect(paths).toHaveLength(2)
-    expect(wrapper.findAll('.waveform-chart__svg')).toHaveLength(1)
-    expect(wrapper.findAll('.waveform-chart__track')).toHaveLength(2)
-    expect(wrapper.findAll('.waveform-chart__axis--x')).toHaveLength(2)
-    expect(wrapper.findAll('.waveform-chart__overlay--independent')).toHaveLength(2)
-    expect(paths[0].attributes('stroke')).toBe('#0960bd')
-    expect(paths[1].attributes('stroke')).toBe('#ff7f0e')
-    expect(paths[0].attributes('data-series-name')).toBe('BT2_2M')
-    const yAxisLabels = wrapper.findAll('.waveform-chart__y-axis-label')
-    expect(yAxisLabels.map((label) => label.text())).toEqual(['BT2_2M', 'BT1_2M'])
-    expect(
-      wrapper
-        .findAll('.waveform-chart__axis--y .tick text')
-        .map((label) => label.text())
-        .some((label) => label.includes('(T)')),
-    ).toBe(true)
-    expect(yAxisLabels.map((label) => label.attributes('fill'))).toEqual(['#0960bd', '#ff7f0e'])
-    const labelX = Number(
-      yAxisLabels[0].attributes('transform')?.match(/^translate\(([-\d.]+),/)?.[1],
-    )
-    expect(labelX).toBeLessThan(-46)
-    expect(Number(wrapper.get('.waveform-chart__y-axis-label-bg').attributes('x'))).toBe(labelX - 6)
-    expect(yAxisLabels.every((label) => !label.text().includes('(T)'))).toBe(true)
-    expect(wrapper.findAll('.waveform-chart__track-label')).toHaveLength(0)
-    expect(
-      wrapper.findAll('.waveform-chart__axis-endpoint--end').map((item) => item.text()),
-    ).toEqual(['1000', '2000'])
-  })
-
-  it('keeps the zero Y-axis label on upper compact tracks', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'series',
-        series: [
-          {
-            name: 'first',
-            data: {
-              kind: 'points',
-              points: [
-                { x: 0, y: 0 },
-                { x: 1, y: 1 },
-              ],
-            },
-          },
-          {
-            name: 'second',
-            data: {
-              kind: 'points',
-              points: [
-                { x: 0, y: -1 },
-                { x: 1, y: 2 },
-              ],
-            },
-          },
-        ],
-      },
-      { displayMode: 'compact' },
-    )
-
-    const tracks = wrapper.findAll('.waveform-chart__track')
-    const firstAxisTicks = tracks[0].findAll('.waveform-chart__axis--y .tick')
-    const zeroTicks = firstAxisTicks.filter((tick) => Number(tick.text()) === 0)
-    const firstTrackHeight = Number(tracks[0].attributes('data-track-height'))
-    const zeroTickY = Number(
-      zeroTicks[0].attributes('transform')?.match(/translate\(0,\s*([\d.]+)\)/)?.[1],
-    )
-
-    expect(zeroTicks).toHaveLength(1)
-    expect(Math.abs(zeroTickY - firstTrackHeight)).toBeLessThanOrEqual(1)
-  })
-
-  it.each(['independent', 'separated', 'compact'] as const)(
-    'shows a non-zero Y-axis start value once in %s mode',
-    async (displayMode) => {
-      const wrapper = await mountSizedChart(
-        {
-          kind: 'series',
-          series: [
-            {
-              name: 'first',
-              data: {
-                kind: 'points',
-                points: [
-                  { x: 0, y: 0.11 },
-                  { x: 1, y: 0.89 },
-                ],
-              },
-            },
-            {
-              name: 'second',
-              data: {
-                kind: 'points',
-                points: [
-                  { x: 0, y: 4 },
-                  { x: 1, y: 5 },
-                ],
-              },
-            },
-          ],
-        },
-        { displayMode },
-      )
-
-      const firstTrack = wrapper.findAll('.waveform-chart__track')[0]
-      const firstTrackHeight = Number(firstTrack.attributes('data-track-height'))
-      const startTicks = firstTrack.findAll('.waveform-chart__axis--y .tick').filter((tick) => {
-        const match = tick.attributes('transform')?.match(/translate\(0,\s*([\d.]+)\)/)
-        return match ? Math.abs(Number(match[1]) - firstTrackHeight) <= 1 : false
-      })
-
-      expect(startTicks).toHaveLength(1)
-      expect(Number(startTicks[0].text())).toBe(0)
-    },
-  )
-
-  it.each(['independent', 'separated'] as const)(
-    'shows the Y-axis end value once on every track in %s mode',
-    async (displayMode) => {
-      const wrapper = await mountSizedChart(
-        {
-          kind: 'series',
-          series: [
-            {
-              name: 'first',
-              data: {
-                kind: 'points',
-                points: [
-                  { x: 0, y: 0.11 },
-                  { x: 1, y: 0.89 },
-                ],
-              },
-            },
-            {
-              name: 'second',
-              data: {
-                kind: 'points',
-                points: [
-                  { x: 0, y: 4.11 },
-                  { x: 1, y: 4.89 },
-                ],
-              },
-            },
-          ],
-        },
-        { displayMode },
-      )
-
-      const expectedEndValues = [1, 5]
-      wrapper.findAll('.waveform-chart__track').forEach((track, index) => {
-        const endTicks = track.findAll('.waveform-chart__axis--y .tick').filter((tick) => {
-          const match = tick.attributes('transform')?.match(/translate\(0,\s*([\d.]+)\)/)
-          return match ? Math.abs(Number(match[1])) <= 1 : false
-        })
-
-        expect(endTicks).toHaveLength(1)
-        expect(Number(endTicks[0].text())).toBe(expectedEndValues[index])
-      })
-    },
-  )
-})