waveform-analysis 0.1.47 → 0.1.48

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

@@ -5,6 +5,32 @@ import { flushAnimationFrames } from '../../test/setup'
 import { mountSizedChart } from '../../test/waveformChart'
 
 describe('WaveformChart track order', () => {
+  const points = (offset: number) => ({
+    kind: 'points' as const,
+    points: [
+      { x: 0, y: offset },
+      { x: 1, y: offset + 1 },
+    ],
+  })
+  const orderedSeries = (trackIds: string[]) => ({
+    kind: 'series' as const,
+    series: trackIds.map((trackId, index) => ({
+      id: trackId,
+      trackId,
+      name: trackId,
+      data: points(index + 1),
+    })),
+  })
+  const mergedFourTrackSeries = () => ({
+    kind: 'series' as const,
+    series: [
+      { id: 'frame-1-a', trackId: 'frame-1', name: 'frame-1-a', data: points(1) },
+      { id: 'frame-1-b', trackId: 'frame-1', name: 'frame-1-b', data: points(2) },
+      { id: 'frame-3', trackId: 'frame-3', name: 'frame-3', data: points(3) },
+      { id: 'frame-4', trackId: 'frame-4', name: 'frame-4', data: points(4) },
+    ],
+  })
+
   it('keeps a merged source slot empty without adding legend or tooltip data', async () => {
     const wrapper = await mountSizedChart(
       {
@@ -128,4 +154,108 @@ describe('WaveformChart track order', () => {
       wrapper.findAll('.waveform-chart__track').map((track) => track.attributes('data-track-id')),
     ).toEqual(['frame-2', 'frame-1', 'later-a', 'later-b'])
   })
+
+  it.each(['independent', 'separated', 'compact'] as const)(
+    'reclaims merged empty slots in %s mode when incomplete rows fill',
+    async (displayMode) => {
+      const wrapper = await mountSizedChart(mergedFourTrackSeries(), {
+        displayMode,
+        grid: {
+          rowCount: 4,
+          columnCount: 1,
+          fillIncompleteLastRow: true,
+          trackOrder: ['frame-1', 'frame-2', 'frame-3', 'frame-4'],
+        },
+      })
+      const tracks = wrapper.findAll('.waveform-chart__track')
+      const heights = tracks.map((track) => Number(track.attributes('data-track-height')))
+
+      expect(tracks.map((track) => track.attributes('data-track-id'))).toEqual([
+        'frame-1',
+        'frame-3',
+        'frame-4',
+      ])
+      expect(wrapper.findAll('.waveform-chart__track--empty')).toHaveLength(0)
+      expect(wrapper.findAll('.waveform-chart__line')).toHaveLength(4)
+      expect(heights[0]).toBeCloseTo(heights[1] ?? Number.NaN)
+      expect(heights[1]).toBeCloseTo(heights[2] ?? Number.NaN)
+      expect(wrapper.findAll('.waveform-chart__legend')).toHaveLength(1)
+      expect(wrapper.get('.waveform-chart__legend').text()).not.toContain('frame-2')
+    },
+  )
+
+  it('reclaims only the current page without pulling tracks from the next page', async () => {
+    const wrapper = await mountSizedChart(
+      orderedSeries(['frame-1', 'frame-3', 'frame-4', 'frame-5', 'frame-6', 'frame-7', 'frame-8']),
+      {
+        grid: {
+          rowCount: 4,
+          columnCount: 1,
+          fillIncompleteLastRow: true,
+          trackOrder: [
+            'frame-1',
+            'frame-2',
+            'frame-3',
+            'frame-4',
+            'frame-5',
+            'frame-6',
+            'frame-7',
+            'frame-8',
+          ],
+        },
+      },
+    )
+    const trackIds = () =>
+      wrapper.findAll('.waveform-chart__track').map((track) => track.attributes('data-track-id'))
+
+    expect(trackIds()).toEqual(['frame-1', 'frame-3', 'frame-4'])
+    await wrapper.get('.ant-pagination-next button').trigger('click')
+    expect(trackIds()).toEqual(['frame-5', 'frame-6', 'frame-7', 'frame-8'])
+    expect(wrapper.emitted('page-change')?.at(-1)).toEqual([2, 2])
+  })
+
+  it('retains ordered empty slots when incomplete rows do not fill', async () => {
+    const wrapper = await mountSizedChart(orderedSeries(['frame-1', 'frame-3', 'frame-4']), {
+      grid: {
+        rowCount: 4,
+        columnCount: 1,
+        fillIncompleteLastRow: false,
+        trackOrder: ['frame-1', 'frame-2', 'frame-3', 'frame-4'],
+      },
+    })
+
+    expect(
+      wrapper.findAll('.waveform-chart__track').map((track) => track.attributes('data-track-id')),
+    ).toEqual(['frame-1', 'frame-2', 'frame-3', 'frame-4'])
+    expect(wrapper.findAll('.waveform-chart__track--empty')).toHaveLength(1)
+  })
+
+  it('keeps an entirely empty page addressable when incomplete rows fill', async () => {
+    const wrapper = await mountSizedChart(
+      orderedSeries(['frame-1', 'frame-2', 'frame-3', 'frame-4']),
+      {
+        grid: {
+          rowCount: 4,
+          columnCount: 1,
+          fillIncompleteLastRow: true,
+          trackOrder: [
+            'frame-1',
+            'frame-2',
+            'frame-3',
+            'frame-4',
+            'frame-5',
+            'frame-6',
+            'frame-7',
+            'frame-8',
+          ],
+        },
+      },
+    )
+
+    await wrapper.get('.ant-pagination-next button').trigger('click')
+
+    expect(wrapper.findAll('.waveform-chart__track--empty')).toHaveLength(4)
+    expect(wrapper.emitted('page-change')?.at(-1)).toEqual([2, 2])
+    expect(wrapper.get('.ant-pagination-item-active').text()).toBe('2')
+  })
 })

package/src/demo/xAxisLabelControls.test.ts

@@ -82,5 +82,5 @@ describe('X-axis label demo controls', () => {
     expect(chart.props('axes')?.x?.labelFormatter).toBeUndefined()
     expect(wrapper.find('[aria-label="X 轴 Label 运算倍率"]').exists()).toBe(false)
     wrapper.unmount()
-  })
+  }, 10_000)
 })

package/src/types/chart.ts

@@ -176,6 +176,8 @@ export interface WaveformAxesOptions {
     lineVisible?: boolean
     /** Target total number of equal Y-axis ticks, including endpoints. Defaults to 5. */
     splitNumber?: number
+    /** Expands Y-axis domains to equal, human-friendly intervals. Defaults to true. */
+    nice?: boolean
   }
 }