waveform-analysis 0.1.42 → 0.1.46

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

@@ -0,0 +1,67 @@
+import { flushPromises } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
+
+import { flushAnimationFrames } from '../../test/setup'
+import { mountSizedChart } from '../../test/waveformChart'
+
+describe('WaveformChart incomplete data hover', () => {
+  it('keeps the shared crosshair at the query time and marks out-of-range series unavailable', async () => {
+    const wrapper = await mountSizedChart(
+      {
+        kind: 'series',
+        series: [
+          {
+            name: '完整数据',
+            data: {
+              kind: 'points',
+              points: [
+                { x: -1, y: 1 },
+                { x: -0.5, y: 2 },
+                { x: 1, y: 3 },
+              ],
+            },
+          },
+          {
+            name: '从零开始',
+            data: {
+              kind: 'points',
+              points: [
+                { x: 0, y: 10 },
+                { x: 1, y: 20 },
+              ],
+            },
+          },
+        ],
+      },
+      { displayMode: 'separated' },
+    )
+    const overlay = wrapper.get('.waveform-chart__overlay--shared')
+    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 / 4,
+        clientY: 120,
+        bubbles: true,
+      }),
+    )
+    flushAnimationFrames()
+    await flushPromises()
+
+    const crosshairPositions = wrapper
+      .findAll('.waveform-chart__crosshair line')
+      .map((line) => Number(line.attributes('x1')))
+    expect(crosshairPositions).toHaveLength(2)
+    expect(crosshairPositions[0]).toBeCloseTo(overlayWidth / 4)
+    expect(crosshairPositions[1]).toBeCloseTo(overlayWidth / 4)
+    const tooltipRows = wrapper.findAll('.waveform-chart__tooltip-series')
+    expect(tooltipRows).toHaveLength(2)
+    expect(tooltipRows[0].text()).toContain('(x:-500 y:2)')
+    expect(tooltipRows[1].text()).toContain('无数据')
+    expect(tooltipRows[1].text()).not.toContain('x:')
+    expect(wrapper.emitted('point-hover')?.at(-1)).toEqual([{ x: -0.5, y: 2 }])
+  })
+})

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

@@ -53,10 +53,10 @@ describe('WaveformChart', () => {
       tracks[0].get('.waveform-chart__y-axis-label-bg').attributes('x'),
     )
 
-    expect(labelX).toBe(-74)
-    expect(labelBackgroundX).toBe(labelX - 12)
-    expect(Number(wrapper.attributes('data-chart-left-margin'))).toBe(90)
-    expect(secondLeft - firstWidth).toBeGreaterThanOrEqual(90)
+    expect(labelX).toBe(-62)
+    expect(labelBackgroundX).toBe(labelX - 6)
+    expect(Number(wrapper.attributes('data-chart-left-margin'))).toBe(80)
+    expect(secondLeft - firstWidth).toBeGreaterThanOrEqual(72)
   })
 
   it('keeps a tick-only gutter when channel labels are empty', async () => {
@@ -82,7 +82,7 @@ describe('WaveformChart', () => {
     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(64)
+    expect(Number(wrapper.attributes('data-chart-left-margin'))).toBe(80)
     expect(secondLeft - firstWidth).toBeGreaterThanOrEqual(60)
   })
 

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

@@ -343,7 +343,7 @@ describe('WaveformChart', () => {
       const secondLeft = Number(tracks[1].attributes('data-track-left'))
       const labelX = Number(tracks[1].attributes('data-y-axis-label-x'))
 
-      expect(secondLeft - (firstLeft + firstWidth)).toBeGreaterThanOrEqual(Math.abs(labelX) + 16)
+      expect(secondLeft - (firstLeft + firstWidth)).toBeGreaterThanOrEqual(Math.abs(labelX) + 6)
       expect(tracks[1].find('.waveform-chart__y-axis-label-bg').exists()).toBe(true)
     }
   })

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

@@ -346,6 +346,6 @@ describe('WaveformChart', () => {
       'waveform-legend__panel--horizontal',
     )
 
-    expect(wrapper.attributes('data-chart-left-margin')).toBe('64')
+    expect(wrapper.attributes('data-chart-left-margin')).toBe('80')
   })
 })

package/src/data/simulatedWaveforms.test.ts

@@ -21,8 +21,13 @@ describe('simulated waveform data', () => {
     first.series.forEach((series) => {
       expect(series.data.kind).toBe('points')
       if (series.data.kind !== 'points') return
-      expect(series.data.points).toHaveLength(1_000)
-      expect(series.data.points[0]?.x).toBe(-5)
+      if (series.id === 'simulated-step') {
+        expect(series.data.points).toHaveLength(500)
+        expect(series.data.points.every((point) => point.x >= 0)).toBe(true)
+      } else {
+        expect(series.data.points).toHaveLength(1_000)
+        expect(series.data.points[0]?.x).toBe(-5)
+      }
       expect(series.data.points.at(-1)?.x).toBe(5)
       series.data.points.forEach((point) => {
         expect(Number.isFinite(point.x)).toBe(true)

package/src/data/simulatedWaveforms.ts

@@ -17,6 +17,7 @@ interface SimulatedSeriesDefinition extends Pick<
 > {
   signal: SignalGenerator
   errors?: ErrorGenerator
+  minimumX?: number
 }
 
 function createSeededNoise(seed: number) {
@@ -100,6 +101,7 @@ const seriesDefinitions: SimulatedSeriesDefinition[] = [
     unit: 'V',
     lineType: 'linear',
     pointType: 'none',
+    minimumX: 0,
     signal: (time) => (time < 0 ? 0 : 1 - Math.exp(-time * 2.4)),
   },
   {
@@ -128,12 +130,15 @@ export function createSimulatedWaveformData(): WaveformData {
   const noise = createSeededNoise(0x5eed1234)
   return {
     kind: 'series',
-    series: seriesDefinitions.map(({ signal, errors, ...series }) => ({
-      ...series,
-      data: {
-        kind: 'points',
-        points: createPoints(signal, noise, errors),
-      },
-    })),
+    series: seriesDefinitions.map(({ signal, errors, minimumX, ...series }) => {
+      const points = createPoints(signal, noise, errors)
+      return {
+        ...series,
+        data: {
+          kind: 'points' as const,
+          points: minimumX === undefined ? points : points.filter((point) => point.x >= minimumX),
+        },
+      }
+    }),
   }
 }