waveform-analysis 0.1.63 → 0.1.65

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

@@ -1,311 +0,0 @@
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it, vi } from 'vitest'
-
-import { flushAnimationFrames } from '../../test/setup'
-
-import { gridSeries, mountSizedChart } from '../../test/waveformChart'
-
-describe('WaveformChart', () => {
-  it('does not zoom a track when its visible sample count is below the configured minimum', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 1, y: 10 },
-          { x: 2, y: 20 },
-        ],
-      },
-      { minVisiblePoints: 10 },
-    )
-    const overlay = wrapper.get('.waveform-chart__overlay--independent')
-    const width = Number(overlay.attributes('width'))
-    Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width, height: 290 }),
-    })
-    overlay.element.dispatchEvent(
-      new WheelEvent('wheel', {
-        deltaY: -1000,
-        clientX: width / 2,
-        clientY: 145,
-        bubbles: true,
-        cancelable: true,
-      }),
-    )
-    flushAnimationFrames()
-    await flushPromises()
-
-    expect(wrapper.emitted('zoom-change')).toBeUndefined()
-    expect(wrapper.emitted('zoom-end')).toBeUndefined()
-  })
-
-  it('ignores shared viewport dragging', async () => {
-    const wrapper = await mountSizedChart({
-      kind: 'points',
-      points: [
-        { x: 0, y: 0 },
-        { x: 2, y: 1 },
-      ],
-    })
-    const overlay = wrapper.get('.waveform-chart__overlay')
-    const width = Number(overlay.attributes('width'))
-    const createDragEvent = (type: string, init: MouseEventInit) => {
-      const event = new MouseEvent(type, init)
-      Object.defineProperty(event, 'view', { value: window })
-      return event
-    }
-    Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width, height: 290 }),
-    })
-    overlay.element.dispatchEvent(
-      createDragEvent('mousedown', {
-        button: 0,
-        clientX: width / 2,
-        clientY: 145,
-        bubbles: true,
-        cancelable: true,
-      }),
-    )
-    window.dispatchEvent(
-      new MouseEvent('mousemove', {
-        clientX: width / 2 + 80,
-        clientY: 145,
-        bubbles: true,
-      }),
-    )
-    window.dispatchEvent(createDragEvent('mouseup', { bubbles: true }))
-    flushAnimationFrames()
-    await flushPromises()
-
-    expect(wrapper.emitted('zoom-change')).toBeUndefined()
-    expect(wrapper.emitted('zoom-end')).toBeUndefined()
-    expect(wrapper.get('.waveform-chart__axis-endpoint--start').text()).toBe('0')
-    expect(wrapper.get('.waveform-chart__axis-endpoint--end').text()).toBe('2000')
-  })
-
-  it('ignores independent viewport dragging', async () => {
-    const wrapper = await mountSizedChart(gridSeries(2), {
-      displayMode: 'independent',
-      grid: { rowCount: 1, columnCount: 2 },
-    })
-    const overlay = wrapper.findAll('.waveform-chart__overlay--independent')[0]
-    const width = Number(overlay.attributes('width'))
-    const createDragEvent = (type: string, init: MouseEventInit) => {
-      const event = new MouseEvent(type, init)
-      Object.defineProperty(event, 'view', { value: window })
-      return event
-    }
-    Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width, height: 260 }),
-    })
-
-    overlay.element.dispatchEvent(
-      createDragEvent('mousedown', {
-        button: 0,
-        clientX: width / 2,
-        clientY: 130,
-        bubbles: true,
-        cancelable: true,
-      }),
-    )
-    window.dispatchEvent(
-      new MouseEvent('mousemove', {
-        clientX: width / 2 + 60,
-        clientY: 130,
-        bubbles: true,
-      }),
-    )
-    window.dispatchEvent(createDragEvent('mouseup', { bubbles: true }))
-    flushAnimationFrames()
-    await flushPromises()
-
-    expect(wrapper.emitted('zoom-change')).toBeUndefined()
-    expect(wrapper.emitted('zoom-end')).toBeUndefined()
-  })
-
-  it('includes track and series IDs in independent zoom-end payloads', async () => {
-    vi.useFakeTimers()
-    try {
-      const wrapper = await mountSizedChart(gridSeries(2), {
-        displayMode: 'independent',
-        grid: { rowCount: 1, columnCount: 2 },
-      })
-      const overlay = wrapper.findAll('.waveform-chart__overlay--independent')[0]
-      const overlayWidth = Number(overlay.attributes('width'))
-      Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-        value: () => ({ left: 0, top: 0, width: overlayWidth, height: 260 }),
-      })
-
-      overlay.element.dispatchEvent(
-        new WheelEvent('wheel', {
-          deltaY: -4000,
-          clientX: overlayWidth / 2,
-          clientY: 130,
-          bubbles: true,
-          cancelable: true,
-        }),
-      )
-      flushAnimationFrames()
-      await vi.advanceTimersByTimeAsync(200)
-      await flushPromises()
-
-      const payload = wrapper.emitted('zoom-end')?.at(-1)?.[0] as
-        { trackIndex: number; seriesIds: string[] } | undefined
-      expect(payload).toMatchObject({ trackIndex: 0, seriesIds: ['channel-0'] })
-    } finally {
-      vi.useRealTimers()
-    }
-  })
-
-  it('keeps the global minimum zoom span after replacing the data window', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 100, y: 1 },
-        ],
-      },
-      { minZoomSpan: 10 },
-    )
-    const overlay = wrapper.get('.waveform-chart__overlay')
-    const width = Number(overlay.attributes('width'))
-    Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width, height: 290 }),
-    })
-    const zoomAtCenter = async () => {
-      overlay.element.dispatchEvent(
-        new WheelEvent('wheel', {
-          deltaY: -4000,
-          clientX: width / 2,
-          clientY: 145,
-          bubbles: true,
-          cancelable: true,
-        }),
-      )
-      flushAnimationFrames()
-      await flushPromises()
-    }
-
-    await zoomAtCenter()
-    const firstDomain = wrapper.emitted('zoom-change')?.at(-1)?.[0] as [number, number]
-    expect(firstDomain[1] - firstDomain[0]).toBeCloseTo(10)
-
-    await wrapper.setProps({
-      data: {
-        kind: 'points',
-        points: [
-          { x: firstDomain[0], y: 0 },
-          { x: firstDomain[1], y: 1 },
-        ],
-      },
-    })
-    await flushPromises()
-    await zoomAtCenter()
-
-    const secondDomain = wrapper.emitted('zoom-change')?.at(-1)?.[0] as [number, number]
-    expect(secondDomain[1] - secondDomain[0]).toBeCloseTo(10)
-  })
-
-  it('zooms a shared viewport back out after loading a narrower data window', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 100, y: 1 },
-        ],
-      },
-      { displayMode: 'separated', initialXDomain: [0, 100] },
-    )
-    const overlay = wrapper.get('.waveform-chart__overlay')
-    const width = Number(overlay.attributes('width'))
-    Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width, height: 290 }),
-    })
-    const dispatchWheel = async (deltaY: number) => {
-      overlay.element.dispatchEvent(
-        new WheelEvent('wheel', {
-          deltaY,
-          clientX: width / 2,
-          clientY: 145,
-          bubbles: true,
-          cancelable: true,
-        }),
-      )
-      flushAnimationFrames()
-      await flushPromises()
-    }
-
-    await dispatchWheel(-4000)
-    const zoomedDomain = wrapper.emitted('zoom-change')?.at(-1)?.[0] as [number, number]
-    expect(zoomedDomain[1] - zoomedDomain[0]).toBeCloseTo(2.5)
-
-    await wrapper.setProps({
-      data: {
-        kind: 'points',
-        points: [
-          { x: 48, y: 0 },
-          { x: 52, y: 1 },
-        ],
-      },
-    })
-    await flushPromises()
-    const preservedDomain = wrapper.emitted('zoom-change')?.at(-1)?.[0] as [number, number]
-    expect(preservedDomain[1] - preservedDomain[0]).toBeCloseTo(2.5)
-
-    const eventCount = wrapper.emitted('zoom-change')?.length ?? 0
-    await dispatchWheel(4000)
-    const zoomedOutDomain = wrapper.emitted('zoom-change')?.at(-1)?.[0] as [number, number]
-    expect(wrapper.emitted('zoom-change')?.length ?? 0).toBe(eventCount + 1)
-    expect(zoomedOutDomain[1] - zoomedOutDomain[0]).toBeCloseTo(100)
-
-    const fullDomainEventCount = wrapper.emitted('zoom-change')?.length ?? 0
-    await dispatchWheel(4000)
-    expect(wrapper.emitted('zoom-change')?.length ?? 0).toBe(fullDomainEventCount)
-  })
-
-  it('allows zooming out when the minimum visible point count blocks zooming in', async () => {
-    const wrapper = await mountSizedChart({
-      kind: 'points',
-      points: [
-        { x: 0, y: 0 },
-        { x: 1, y: 10 },
-        { x: 2, y: 20 },
-      ],
-    })
-    const overlay = wrapper.get('.waveform-chart__overlay--independent')
-    const width = Number(overlay.attributes('width'))
-    Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width, height: 290 }),
-    })
-    const dispatchWheel = async (deltaY: number) => {
-      overlay.element.dispatchEvent(
-        new WheelEvent('wheel', {
-          deltaY,
-          clientX: width / 2,
-          clientY: 145,
-          bubbles: true,
-          cancelable: true,
-        }),
-      )
-      flushAnimationFrames()
-      await flushPromises()
-    }
-
-    await dispatchWheel(-4000)
-    const zoomedDomain = wrapper.emitted('zoom-change')?.at(-1)?.[0] as [number, number]
-    expect(zoomedDomain[1] - zoomedDomain[0]).toBeCloseTo(0.05)
-
-    await wrapper.setProps({ minVisiblePoints: 10 })
-    await flushPromises()
-    const eventCount = wrapper.emitted('zoom-change')?.length ?? 0
-    await dispatchWheel(-1000)
-    expect(wrapper.emitted('zoom-change')?.length ?? 0).toBe(eventCount)
-
-    await dispatchWheel(4000)
-    const zoomedOutDomain = wrapper.emitted('zoom-change')?.at(-1)?.[0] as [number, number]
-    expect(wrapper.emitted('zoom-change')?.length ?? 0).toBe(eventCount + 1)
-    expect(zoomedOutDomain).toEqual([0, 2])
-  })
-})

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

@@ -1,132 +0,0 @@
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it, vi } from 'vitest'
-
-import { gridSeries, mountSizedChart } from '../../test/waveformChart'
-import WaveformChartView from '../WaveformChartView.vue'
-
-describe('WaveformChart viewport lifecycle', () => {
-  it('cleans an active shared gesture when its track is removed', async () => {
-    const wrapper = await mountSizedChart(gridSeries(2), {
-      displayMode: 'separated',
-      grid: { rowCount: 2, columnCount: 1 },
-    })
-    const overlay = wrapper.get('.waveform-chart__overlay--shared')
-    const width = Number(overlay.attributes('width'))
-    const height = Number(overlay.attributes('height'))
-    const releasePointerCapture = vi.fn()
-    Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width, height }),
-    })
-    Object.defineProperty(overlay.element, 'setPointerCapture', { value: vi.fn() })
-    Object.defineProperty(overlay.element, 'releasePointerCapture', {
-      value: releasePointerCapture,
-    })
-
-    const dispatchPointer = (type: string, pointerId: number, clientY: number) => {
-      const event = new MouseEvent(type, {
-        button: 0,
-        clientX: width / 2,
-        clientY,
-        bubbles: true,
-      })
-      Object.defineProperty(event, 'pointerId', { value: pointerId })
-      overlay.element.dispatchEvent(event)
-    }
-
-    dispatchPointer('pointerdown', 41, height * 0.75)
-    await flushPromises()
-    expect(wrapper.find('.waveform-chart__zoom-selection').exists()).toBe(true)
-
-    await wrapper.setProps({ data: gridSeries(1) })
-    await flushPromises()
-    dispatchPointer('pointerup', 41, height * 0.75)
-    await flushPromises()
-
-    expect(releasePointerCapture).toHaveBeenCalledWith(41)
-    expect(wrapper.find('.waveform-chart__zoom-selection').exists()).toBe(false)
-
-    dispatchPointer('pointerdown', 42, height / 2)
-    dispatchPointer('pointermove', 42, height / 2 + 20)
-    await flushPromises()
-    expect(wrapper.find('.waveform-chart__zoom-selection').exists()).toBe(true)
-  })
-
-  it('cleans an active gesture when its overlay leaves the DOM', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 1, y: 1 },
-        ],
-      },
-      { displayMode: 'separated' },
-    )
-    const overlay = wrapper.get('.waveform-chart__overlay--shared')
-    const width = Number(overlay.attributes('width'))
-    const height = Number(overlay.attributes('height'))
-    const releasePointerCapture = vi.fn(() => {
-      throw new DOMException('Pointer capture is no longer available', 'NotFoundError')
-    })
-    Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width, height }),
-    })
-    Object.defineProperty(overlay.element, 'setPointerCapture', { value: vi.fn() })
-    Object.defineProperty(overlay.element, 'releasePointerCapture', {
-      value: releasePointerCapture,
-    })
-
-    const down = new MouseEvent('pointerdown', {
-      button: 0,
-      clientX: width / 2,
-      clientY: height / 2,
-      bubbles: true,
-    })
-    Object.defineProperty(down, 'pointerId', { value: 43 })
-    overlay.element.dispatchEvent(down)
-    await wrapper.setProps({ hiddenSeriesIds: ['series-0'] })
-    await flushPromises()
-
-    expect(wrapper.find('.waveform-chart__overlay--shared').exists()).toBe(false)
-    const view = wrapper.findComponent(WaveformChartView)
-    const finishViewportDrag = (
-      view.vm as unknown as { finishViewportDrag: (event: PointerEvent) => void }
-    ).finishViewportDrag
-    const up = new MouseEvent('pointerup', {
-      clientX: width / 2,
-      clientY: height / 2,
-      bubbles: true,
-    })
-    Object.defineProperty(up, 'pointerId', { value: 43 })
-    finishViewportDrag(up as unknown as PointerEvent)
-    await flushPromises()
-
-    expect(releasePointerCapture).toHaveBeenCalledWith(43)
-    expect(wrapper.find('.waveform-chart__zoom-selection').exists()).toBe(false)
-
-    await wrapper.setProps({ hiddenSeriesIds: [] })
-    await flushPromises()
-    const nextOverlay = wrapper.get('.waveform-chart__overlay--shared')
-    Object.defineProperty(nextOverlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width, height }),
-    })
-    const nextDown = new MouseEvent('pointerdown', {
-      button: 0,
-      clientX: width / 2,
-      clientY: height / 2,
-      bubbles: true,
-    })
-    Object.defineProperty(nextDown, 'pointerId', { value: 44 })
-    nextOverlay.element.dispatchEvent(nextDown)
-    const nextMove = new MouseEvent('pointermove', {
-      clientX: width * 0.75,
-      clientY: height / 2,
-      bubbles: true,
-    })
-    Object.defineProperty(nextMove, 'pointerId', { value: 44 })
-    nextOverlay.element.dispatchEvent(nextMove)
-    await flushPromises()
-
-    expect(wrapper.find('.waveform-chart__zoom-selection').exists()).toBe(true)
-  })
-})

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

@@ -1,251 +0,0 @@
-import { flushPromises } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-
-import { flushAnimationFrames } from '../../test/setup'
-import { gridSeries, mountSizedChart } from '../../test/waveformChart'
-
-describe('WaveformChart viewport reset', () => {
-  const niceExplicitStrategy = {
-    type: 'nice' as const,
-    bounds: 'end' as const,
-    tickCount: 10,
-    includeExplicit: true,
-  }
-
-  it('resets a shared viewport on double-click and emits a global payload', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 2, y: 1 },
-        ],
-      },
-      { displayMode: 'separated' },
-    )
-    const overlay = wrapper.get('.waveform-chart__overlay')
-    const width = Number(overlay.attributes('width'))
-    Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width, height: 290 }),
-    })
-    overlay.element.dispatchEvent(
-      new WheelEvent('wheel', {
-        deltaY: -4000,
-        clientX: width / 2,
-        clientY: 145,
-        bubbles: true,
-        cancelable: true,
-      }),
-    )
-    flushAnimationFrames()
-    await flushPromises()
-    expect(wrapper.get('.waveform-chart__axis-endpoint--start').text()).not.toBe('0')
-
-    overlay.element.dispatchEvent(new MouseEvent('dblclick', { bubbles: true, cancelable: true }))
-    await flushPromises()
-
-    expect(wrapper.emitted('zoom-reset')).toEqual([[{}]])
-    expect(wrapper.get('.waveform-chart__axis-endpoint--start').text()).toBe('0')
-    expect(wrapper.get('.waveform-chart__axis-endpoint--end').text()).toBe('2000')
-  })
-
-  it('resets only the double-clicked independent track and identifies it', async () => {
-    const wrapper = await mountSizedChart(gridSeries(2), {
-      displayMode: 'independent',
-      grid: { rowCount: 1, columnCount: 2 },
-    })
-    const overlays = wrapper.findAll('.waveform-chart__overlay--independent')
-    for (const overlay of overlays) {
-      const width = Number(overlay.attributes('width'))
-      Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-        value: () => ({ left: 0, top: 0, width, height: 260 }),
-      })
-      overlay.element.dispatchEvent(
-        new WheelEvent('wheel', {
-          deltaY: -4000,
-          clientX: width / 2,
-          clientY: 130,
-          bubbles: true,
-          cancelable: true,
-        }),
-      )
-      flushAnimationFrames()
-      await flushPromises()
-    }
-    const startsBeforeReset = wrapper.findAll('.waveform-chart__axis-endpoint--start')
-    expect(startsBeforeReset[0].text()).not.toBe('0')
-    expect(startsBeforeReset[1].text()).not.toBe('0')
-    const secondTrackStart = startsBeforeReset[1].text()
-
-    overlays[0].element.dispatchEvent(
-      new MouseEvent('dblclick', { bubbles: true, cancelable: true }),
-    )
-    await flushPromises()
-
-    const startsAfterReset = wrapper.findAll('.waveform-chart__axis-endpoint--start')
-    expect(startsAfterReset[0].text()).toBe('0')
-    expect(startsAfterReset[1].text()).toBe(secondTrackStart)
-    expect(wrapper.emitted('zoom-reset')).toEqual([[{ trackIndex: 0, seriesIds: ['channel-0'] }]])
-  })
-
-  it('keeps the exposed no-argument resetViewport global', async () => {
-    const wrapper = await mountSizedChart(gridSeries(2), {
-      displayMode: 'independent',
-      grid: { rowCount: 1, columnCount: 2 },
-    })
-    const overlay = wrapper.findAll('.waveform-chart__overlay--independent')[0]
-    const width = Number(overlay.attributes('width'))
-    Object.defineProperty(overlay.element, 'getBoundingClientRect', {
-      value: () => ({ left: 0, top: 0, width, height: 260 }),
-    })
-    overlay.element.dispatchEvent(
-      new WheelEvent('wheel', {
-        deltaY: -4000,
-        clientX: width / 2,
-        clientY: 130,
-        bubbles: true,
-        cancelable: true,
-      }),
-    )
-    flushAnimationFrames()
-    await flushPromises()
-    expect(wrapper.findAll('.waveform-chart__axis-endpoint--start')[0].text()).not.toBe('0')
-
-    const chart = wrapper.vm as unknown as { resetViewport: () => void }
-    chart.resetViewport()
-    await flushPromises()
-
-    expect(wrapper.findAll('.waveform-chart__axis-endpoint--start')[0].text()).toBe('0')
-    expect(wrapper.findAll('.waveform-chart__axis-endpoint--end')[0].text()).toBe('1000')
-  })
-
-  it('keeps a controlled shared viewport when the data reference changes', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 1, y: 1 },
-        ],
-      },
-      { displayMode: 'separated' },
-    )
-    const chart = wrapper.vm as unknown as {
-      setViewportDomain: (domain: [number, number], trackIndex?: number) => void
-    }
-    chart.setViewportDomain([0.25, 0.75])
-    await flushPromises()
-
-    const startBefore = Number(wrapper.get('.waveform-chart__axis-endpoint--start').text())
-    const endBefore = Number(wrapper.get('.waveform-chart__axis-endpoint--end').text())
-    expect(startBefore).toBeGreaterThan(0)
-    expect(endBefore).toBeLessThan(1000)
-
-    await wrapper.setProps({
-      data: {
-        kind: 'points',
-        points: [
-          { x: 0, y: 10 },
-          { x: 1, y: 11 },
-        ],
-      },
-    })
-    await flushPromises()
-
-    expect(Number(wrapper.get('.waveform-chart__axis-endpoint--start').text())).toBeCloseTo(
-      startBefore,
-      10,
-    )
-    expect(Number(wrapper.get('.waveform-chart__axis-endpoint--end').text())).toBeCloseTo(
-      endBefore,
-      10,
-    )
-  })
-
-  it('keeps independently controlled track viewports when the data reference changes', async () => {
-    const wrapper = await mountSizedChart(gridSeries(2), {
-      displayMode: 'independent',
-      grid: { rowCount: 1, columnCount: 2 },
-    })
-    const chart = wrapper.vm as unknown as {
-      setViewportDomain: (domain: [number, number], trackIndex?: number) => void
-    }
-    chart.setViewportDomain([0.2, 0.8], 0)
-    chart.setViewportDomain([0.1, 0.9], 1)
-    await flushPromises()
-
-    const endpoints = () =>
-      wrapper.findAll('.waveform-chart__track').map((track) => ({
-        start: track.get('.waveform-chart__axis-endpoint--start').text(),
-        end: track.get('.waveform-chart__axis-endpoint--end').text(),
-      }))
-    const endpointsBefore = endpoints()
-    expect(Number(endpointsBefore[0].start)).toBeGreaterThan(0)
-    expect(Number(endpointsBefore[0].end)).toBeLessThan(1000)
-    expect(Number(endpointsBefore[1].start)).toBeGreaterThan(0)
-    expect(Number(endpointsBefore[1].end)).toBeLessThan(1000)
-
-    await wrapper.setProps({ data: gridSeries(2) })
-    await flushPromises()
-
-    const endpointsAfter = endpoints()
-    endpointsAfter.forEach((endpoint, index) => {
-      expect(Number(endpoint.start)).toBeCloseTo(Number(endpointsBefore[index].start), 10)
-      expect(Number(endpoint.end)).toBeCloseTo(Number(endpointsBefore[index].end), 10)
-    })
-  })
-
-  it('ignores invalid domains and applies viewport constraints', async () => {
-    const wrapper = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 1, y: 1 },
-        ],
-      },
-      { displayMode: 'separated', minZoomSpan: 0.2 },
-    )
-    const chart = wrapper.vm as unknown as {
-      setViewportDomain: (domain: [number, number], trackIndex?: number) => void
-    }
-    chart.setViewportDomain([Number.NaN, 0.5])
-    await flushPromises()
-    expect(wrapper.get('.waveform-chart__axis-endpoint--start').text()).toBe('0')
-    expect(wrapper.get('.waveform-chart__axis-endpoint--end').text()).toBe('1000')
-
-    chart.setViewportDomain([0.49, 0.51])
-    await flushPromises()
-    const start = Number(wrapper.get('.waveform-chart__axis-endpoint--start').text())
-    const end = Number(wrapper.get('.waveform-chart__axis-endpoint--end').text())
-    expect(end - start).toBeGreaterThanOrEqual(200)
-  })
-
-  it('resets shared and independent explicit domains to their included nice bounds', async () => {
-    const shared = await mountSizedChart(
-      {
-        kind: 'points',
-        points: [
-          { x: 0, y: 0 },
-          { x: 4.999999, y: 1 },
-        ],
-      },
-      { initialXDomain: [0, 4.999999], xDomainStrategy: niceExplicitStrategy },
-    )
-    const independent = await mountSizedChart(gridSeries(2), {
-      displayMode: 'independent',
-      initialXDomains: { 'channel-0': [0, 4.999999] },
-      xDomainStrategy: niceExplicitStrategy,
-    })
-
-    ;(shared.vm as unknown as { resetViewport: () => void }).resetViewport()
-    ;(independent.vm as unknown as { resetViewport: () => void }).resetViewport()
-    await flushPromises()
-
-    expect(shared.get('.waveform-chart__axis-endpoint--start').text()).toBe('0')
-    expect(shared.get('.waveform-chart__axis-endpoint--end').text()).toBe('5000')
-    const firstTrack = independent.findAll('.waveform-chart__track')[0]
-    expect(firstTrack.get('.waveform-chart__axis-endpoint--start').text()).toBe('0')
-    expect(firstTrack.get('.waveform-chart__axis-endpoint--end').text()).toBe('5000')
-  })
-})