@363045841yyt/klinechart-core 0.7.3

package/src/engine/renderers/__tests__/mainIndicatorLegend.renderer.test.ts

@@ -0,0 +1,502 @@
+// @ts-nocheck - Test file with intentional type relaxations for mocking
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { createMainIndicatorLegendRendererPlugin } from '../Indicator/mainIndicatorLegend'
+import { MA_STATE_KEY, type MARenderState } from '@/core/indicators/maState'
+import { BOLL_STATE_KEY } from '@/core/indicators/bollState'
+import { EXPMA_STATE_KEY } from '@/core/indicators/expmaState'
+import { ENE_STATE_KEY } from '@/core/indicators/eneState'
+import { MA_COLORS } from '@/core/theme/colors'
+import type { PluginHost, RenderContext, RendererPluginWithHost } from '@/plugin'
+import type { KLineData } from '@/types/price'
+import type { Pane } from '@/core/layout/pane'
+
+// Type helper for tests - we know these methods exist on the implementation
+interface TestableLegendRenderer extends RendererPluginWithHost {
+  draw: (context: RenderContext) => void
+  getConfig: () => { yPaddingPx: number; indicators: Record<string, { enabled: boolean; params: Record<string, unknown> }> }
+  setConfig: (config: Record<string, unknown>) => void
+}
+
+/**
+ * 创建 mock canvas context
+ */
+function createMockCanvasContext(): CanvasRenderingContext2D {
+  const measureTextMock = vi.fn().mockReturnValue({ width: 50 })
+
+  return {
+    save: vi.fn(),
+    restore: vi.fn(),
+    fillText: vi.fn(),
+    measureText: measureTextMock,
+    font: '',
+    fillStyle: '',
+    textAlign: '',
+  } as unknown as CanvasRenderingContext2D
+}
+
+/**
+ * 创建 mock PluginHost
+ */
+function createMockPluginHost(state?: MARenderState): PluginHost {
+  return {
+    setSharedState: vi.fn(),
+    getSharedState: vi.fn(<T>(key: string): T | undefined => {
+      if (key === MA_STATE_KEY) {
+        return state as T
+      }
+      return undefined
+    }),
+    clearByOwner: vi.fn(),
+    getCanvas: vi.fn(),
+    getMainPane: vi.fn(),
+    getSubPane: vi.fn(),
+    getAllSubPanes: vi.fn(),
+    getTheme: vi.fn(),
+    getStyles: vi.fn(),
+    getBarStyles: vi.fn(),
+    getConfig: vi.fn(),
+    setConfig: vi.fn(),
+    on: vi.fn(),
+    off: vi.fn(),
+    once: vi.fn(),
+    emit: vi.fn(),
+  } as unknown as PluginHost
+}
+
+/**
+ * 创建 mock RenderContext
+ */
+function createMockRenderContext(
+  ctx: CanvasRenderingContext2D,
+  overrides: Partial<RenderContext> = {}
+): RenderContext {
+  const mockPane = {
+    yAxis: {
+      priceToY: (price: number) => price * 10,
+    },
+  } as unknown as Pane
+
+  const defaultKLineData: KLineData[] = Array.from({ length: 100 }, (_, i) => ({
+    timestamp: 1000000000000 + i * 60000,
+    open: 100 + i,
+    high: 101 + i,
+    low: 99 + i,
+    close: 100 + i,
+    volume: 1000 + i * 100,
+  }))
+
+  return {
+    ctx,
+    // f5f5706 moved legend rendering to the overlay layer; renderer now reads
+    // `overlayCtx`. Mock both to the same spy canvas so the existing
+    // `vi.mocked(ctx.fillText).mock.calls` assertions continue to capture writes.
+    overlayCtx: ctx,
+    data: defaultKLineData,
+    range: { start: 0, end: 100 },
+    visibleRange: { start: 0, end: 100 },
+    crosshair: null,
+    crosshairIndex: null,
+    dpr: 1,
+    scrollLeft: 0,
+    pane: mockPane,
+    kLineCenters: Array.from({ length: 100 }, (_, i) => i * 10 + 5),
+    ...overrides,
+  } as RenderContext
+}
+
+/**
+ * 创建测试用的 MARenderState
+ */
+function createTestMARenderState(
+  overrides: Partial<MARenderState> = {}
+): MARenderState {
+  const series: Record<number, (number | undefined)[]> = {
+    5: Array.from({ length: 100 }, () => 105),
+    10: Array.from({ length: 100 }, () => 110),
+    20: Array.from({ length: 100 }, () => 120),
+    30: Array.from({ length: 100 }, () => 130),
+    60: Array.from({ length: 100 }, () => 160),
+  }
+
+  // Add some undefined values at the beginning
+  for (let i = 0; i < 4; i++) series[5][i] = undefined
+  for (let i = 0; i < 9; i++) series[10][i] = undefined
+  for (let i = 0; i < 19; i++) series[20][i] = undefined
+
+  return {
+    timestamp: Date.now(),
+    series,
+    enabledPeriods: [5, 10, 20, 30, 60],
+    visibleMin: 105,
+    visibleMax: 160,
+    ...overrides,
+  }
+}
+
+describe('createMainIndicatorLegendRendererPlugin', () => {
+  it('should create a renderer plugin with correct metadata', () => {
+    const plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 })
+
+    expect(plugin.name).toBe('mainIndicatorLegend')
+    expect(plugin.version).toBe('2.1.0')
+    expect(plugin.description).toBe('主图指标图例渲染器（MA 数据来自 StateStore）')
+    expect(plugin.debugName).toBe('主图指标图例')
+    expect(plugin.paneId).toBe('main')
+    expect(plugin.enabled).toBe(true)
+  })
+
+  it('should have onInstall method', () => {
+    const plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 })
+    expect(typeof plugin.onInstall).toBe('function')
+  })
+
+  it('should declare all indicator namespace keys', () => {
+    const plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 })
+    expect(plugin.getDeclaredNamespaces()).toEqual([
+      MA_STATE_KEY,
+      BOLL_STATE_KEY,
+      EXPMA_STATE_KEY,
+      ENE_STATE_KEY,
+    ])
+  })
+})
+
+describe('MainIndicatorLegend draw', () => {
+  let ctx: CanvasRenderingContext2D
+  let plugin: TestableLegendRenderer
+
+  beforeEach(() => {
+    ctx = createMockCanvasContext()
+  })
+
+  it('should not draw MA when MA is disabled', () => {
+    const state = createTestMARenderState()
+    const mockHost = createMockPluginHost(state)
+    plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 }) as TestableLegendRenderer
+    plugin.onInstall(mockHost)
+
+    // Disable MA
+    plugin.setConfig({
+      indicators: { MA: { enabled: false, params: {} } },
+    })
+
+    const context = createMockRenderContext(ctx)
+    plugin.draw(context)
+
+    // Should not draw any MA legend text
+    const fillTextCalls = vi.mocked(ctx.fillText).mock.calls
+    const maLabelCalls = fillTextCalls.filter(call => call[0] === 'MA')
+    expect(maLabelCalls).toHaveLength(0)
+  })
+
+  it('should draw MA values from StateStore', () => {
+    const state = createTestMARenderState()
+    const mockHost = createMockPluginHost(state)
+    plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 }) as TestableLegendRenderer
+    plugin.onInstall(mockHost)
+
+    const context = createMockRenderContext(ctx)
+    plugin.draw(context)
+
+    const fillTextCalls = vi.mocked(ctx.fillText).mock.calls
+
+    // Should have drawn 'MA' label
+    const maLabelCalls = fillTextCalls.filter(call => call[0] === 'MA')
+    expect(maLabelCalls).toHaveLength(1)
+
+    // Should have drawn MA5, MA10, etc. labels
+    const ma5Calls = fillTextCalls.filter(call => String(call[0]).includes('MA5'))
+    expect(ma5Calls.length).toBeGreaterThan(0)
+  })
+
+  it('should use crosshairIndex when available', () => {
+    const state = createTestMARenderState({
+      series: {
+        5: Array.from({ length: 100 }, (_, i) => 100 + i),
+      },
+      enabledPeriods: [5],
+    })
+    const mockHost = createMockPluginHost(state)
+    plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 }) as TestableLegendRenderer
+    plugin.onInstall(mockHost)
+
+    // Use crosshair at index 50
+    const context = createMockRenderContext(ctx, { crosshairIndex: 50 })
+    plugin.draw(context)
+
+    const fillTextCalls = vi.mocked(ctx.fillText).mock.calls
+
+    // Should show value 150 at index 50 (100 + 50)
+    const maValueCalls = fillTextCalls.filter(call =>
+      String(call[0]).includes('150.00')
+    )
+    expect(maValueCalls.length).toBeGreaterThan(0)
+  })
+
+  it('should use last index when crosshairIndex is null', () => {
+    const state = createTestMARenderState({
+      series: {
+        5: Array.from({ length: 10 }, (_, i) => 100 + i),
+      },
+      enabledPeriods: [5],
+    })
+    const mockHost = createMockPluginHost(state)
+    plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 }) as TestableLegendRenderer
+    plugin.onInstall(mockHost)
+
+    const context = createMockRenderContext(ctx, {
+      crosshairIndex: null,
+      range: { start: 0, end: 10 },
+      data: Array.from({ length: 10 }, (_, i) => ({
+        timestamp: 1000000000000 + i * 60000,
+        open: 100 + i,
+        high: 101 + i,
+        low: 99 + i,
+        close: 100 + i,
+        volume: 1000,
+      })),
+    })
+    plugin.draw(context)
+
+    const fillTextCalls = vi.mocked(ctx.fillText).mock.calls
+
+    // Should show last value (109) at index 9
+    const maValueCalls = fillTextCalls.filter(call =>
+      String(call[0]).includes('109.00')
+    )
+    expect(maValueCalls.length).toBeGreaterThan(0)
+  })
+
+  it('should not crash when StateStore is empty', () => {
+    const mockHost = createMockPluginHost(undefined)
+    plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 }) as TestableLegendRenderer
+    plugin.onInstall(mockHost)
+
+    const context = createMockRenderContext(ctx)
+
+    // Should not throw
+    expect(() => plugin.draw(context)).not.toThrow()
+  })
+
+  it('should not draw MA when state has no valid data', () => {
+    const state = createTestMARenderState({
+      visibleMin: Infinity,
+      visibleMax: -Infinity,
+      enabledPeriods: [],
+    })
+    const mockHost = createMockPluginHost(state)
+    plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 }) as TestableLegendRenderer
+    plugin.onInstall(mockHost)
+
+    const context = createMockRenderContext(ctx)
+    plugin.draw(context)
+
+    // Should not draw any MA values
+    const fillTextCalls = vi.mocked(ctx.fillText).mock.calls
+    const ma5Calls = fillTextCalls.filter(call => String(call[0]).includes('MA5'))
+    expect(ma5Calls).toHaveLength(0)
+  })
+
+  it('should display values with 2 decimal places', () => {
+    const state = createTestMARenderState({
+      series: {
+        5: Array.from({ length: 100 }, () => 123.4567),
+      },
+      enabledPeriods: [5],
+    })
+    const mockHost = createMockPluginHost(state)
+    plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 }) as TestableLegendRenderer
+    plugin.onInstall(mockHost)
+
+    const context = createMockRenderContext(ctx)
+    plugin.draw(context)
+
+    const fillTextCalls = vi.mocked(ctx.fillText).mock.calls
+
+    // Should show formatted value
+    const formattedValueCalls = fillTextCalls.filter(call =>
+      String(call[0]).includes('123.46')
+    )
+    expect(formattedValueCalls.length).toBeGreaterThan(0)
+  })
+
+  it('should use correct colors for each MA period', () => {
+    const state = createTestMARenderState()
+    const mockHost = createMockPluginHost(state)
+    plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 }) as TestableLegendRenderer
+    plugin.onInstall(mockHost)
+
+    const context = createMockRenderContext(ctx)
+    plugin.draw(context)
+
+    const fillStyleSetter = vi.mocked(ctx).fillStyle as unknown as ReturnType<typeof vi.fn>
+
+    // Should have set fillStyle for each period's color
+    expect(fillStyleSetter).not.toBeUndefined()
+  })
+
+  it('should save and restore context', () => {
+    const state = createTestMARenderState()
+    const mockHost = createMockPluginHost(state)
+    plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 }) as TestableLegendRenderer
+    plugin.onInstall(mockHost)
+
+    const context = createMockRenderContext(ctx)
+    plugin.draw(context)
+
+    expect(ctx.save).toHaveBeenCalledTimes(1)
+    expect(ctx.restore).toHaveBeenCalledTimes(1)
+  })
+})
+
+describe('MainIndicatorLegend MA data source', () => {
+  it('should read from StateStore instead of calculating', () => {
+    const state = createTestMARenderState({
+      series: {
+        5: [undefined, undefined, undefined, undefined, 999.99],
+      },
+      enabledPeriods: [5],
+    })
+    const mockGetSharedState = vi.fn().mockReturnValue(state)
+    const mockHost = {
+      setSharedState: vi.fn(),
+      getSharedState: mockGetSharedState,
+      clearByOwner: vi.fn(),
+    } as unknown as PluginHost
+
+    const plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 })
+    plugin.onInstall(mockHost)
+
+    const ctx = createMockCanvasContext()
+    const context = createMockRenderContext(ctx, {
+      crosshairIndex: 4,
+      range: { start: 0, end: 5 },
+    })
+    plugin.draw(context)
+
+    // Verify it read from StateStore
+    expect(mockGetSharedState).toHaveBeenCalledWith(MA_STATE_KEY)
+
+    const fillTextCalls = vi.mocked(ctx.fillText).mock.calls
+
+    // Should show the value from StateStore (999.99), not a calculated value
+    const valueCalls = fillTextCalls.filter(call =>
+      String(call[0]).includes('999.99')
+    )
+    expect(valueCalls.length).toBeGreaterThan(0)
+  })
+})
+
+describe('MainIndicatorLegend config management', () => {
+  it('getConfig should return current config', () => {
+    const plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 })
+
+    const config = plugin.getConfig()
+
+    expect(config.yPaddingPx).toBe(20)
+    expect(config.indicators.MA.enabled).toBe(true)
+    expect(config.indicators.BOLL.enabled).toBe(false)
+  })
+
+  it('setConfig should update yPaddingPx', () => {
+    const plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 })
+
+    plugin.setConfig({ yPaddingPx: 30 })
+
+    const config = plugin.getConfig()
+    expect(config.yPaddingPx).toBe(30)
+  })
+
+  it('setConfig should merge indicator config', () => {
+    const plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 })
+
+    plugin.setConfig({
+      indicators: {
+        MA: { enabled: false, params: {} },
+        BOLL: { enabled: true, params: { period: 26 } },
+      },
+    })
+
+    const config = plugin.getConfig()
+    expect(config.indicators.MA.enabled).toBe(false)
+    expect(config.indicators.BOLL.enabled).toBe(true)
+    expect(config.indicators.BOLL.params.period).toBe(26)
+  })
+})
+
+describe('MainIndicatorLegend with other indicators', () => {
+  it('should draw BOLL when enabled', () => {
+    const mockHost = createMockPluginHost(undefined)
+    const plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 })
+    plugin.onInstall(mockHost)
+
+    plugin.setConfig({
+      indicators: {
+        MA: { enabled: false, params: {} },
+        BOLL: { enabled: true, params: { period: 20, multiplier: 2 } },
+      },
+    })
+
+    const ctx = createMockCanvasContext()
+    const context = createMockRenderContext(ctx)
+    plugin.draw(context)
+
+    const fillTextCalls = vi.mocked(ctx.fillText).mock.calls
+
+    // Should have drawn BOLL label
+    const bollLabelCalls = fillTextCalls.filter(call =>
+      String(call[0]).includes('BOLL')
+    )
+    expect(bollLabelCalls.length).toBeGreaterThan(0)
+  })
+
+  it('should draw EXPMA when enabled', () => {
+    const mockHost = createMockPluginHost(undefined)
+    const plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 })
+    plugin.onInstall(mockHost)
+
+    plugin.setConfig({
+      indicators: {
+        MA: { enabled: false, params: {} },
+        EXPMA: { enabled: true, params: { fastPeriod: 12, slowPeriod: 50 } },
+      },
+    })
+
+    const ctx = createMockCanvasContext()
+    const context = createMockRenderContext(ctx)
+    plugin.draw(context)
+
+    const fillTextCalls = vi.mocked(ctx.fillText).mock.calls
+
+    // Should have drawn EXPMA label
+    const expmaLabelCalls = fillTextCalls.filter(call =>
+      String(call[0]).includes('EXPMA')
+    )
+    expect(expmaLabelCalls.length).toBeGreaterThan(0)
+  })
+
+  it('should draw ENE when enabled', () => {
+    const mockHost = createMockPluginHost(undefined)
+    const plugin = createMainIndicatorLegendRendererPlugin({ yPaddingPx: 20 })
+    plugin.onInstall(mockHost)
+
+    plugin.setConfig({
+      indicators: {
+        MA: { enabled: false, params: {} },
+        ENE: { enabled: true, params: { period: 10, deviation: 11 } },
+      },
+    })
+
+    const ctx = createMockCanvasContext()
+    const context = createMockRenderContext(ctx)
+    plugin.draw(context)
+
+    const fillTextCalls = vi.mocked(ctx.fillText).mock.calls
+
+    // Should have drawn ENE label
+    const eneLabelCalls = fillTextCalls.filter(call =>
+      String(call[0]).includes('ENE')
+    )
+    expect(eneLabelCalls.length).toBeGreaterThan(0)
+  })
+})

package/src/engine/renderers/__tests__/yAxis.renderer.test.ts

@@ -0,0 +1,173 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { createYAxisRendererPlugin } from '@/core/renderers/yAxis'
+import type { RenderContext, PaneInfo } from '@/plugin'
+
+vi.mock('@/core/renderers/Indicator/scale/indicator_scale', async () => {
+  const actual = await vi.importActual<typeof import('@/core/renderers/Indicator/scale/indicator_scale')>(
+    '@/core/renderers/Indicator/scale/indicator_scale',
+  )
+  return {
+    ...actual,
+    drawScaleTicks: vi.fn(),
+  }
+})
+
+vi.mock('@/utils/kLineDraw/axis', () => ({
+  drawCrosshairPriceLabel: vi.fn(),
+  drawAxisPriceLabel: vi.fn(),
+}))
+
+import { drawScaleTicks } from '@/core/renderers/Indicator/scale/indicator_scale'
+import { drawCrosshairPriceLabel, drawAxisPriceLabel } from '@/utils/kLineDraw/axis'
+
+function createPane(overrides: Partial<PaneInfo> = {}): PaneInfo {
+  return {
+    id: 'main',
+    role: 'price',
+    capabilities: {
+      showPriceAxisTicks: true,
+      showCrosshairPriceLabel: true,
+      candleHitTest: true,
+      supportsPriceTranslate: true,
+    },
+    top: 0,
+    height: 200,
+    yAxis: {
+      priceToY: (price) => price,
+      yToPrice: (y) => y,
+      getPaddingTop: () => 10,
+      getPaddingBottom: () => 10,
+      getPriceOffset: () => 2,
+      getDisplayRange: (baseRange) => baseRange ?? { maxPrice: 120, minPrice: 80 },
+      getScaleType: () => 'linear',
+    },
+    priceRange: {
+      maxPrice: 120,
+      minPrice: 80,
+    },
+    ...overrides,
+  }
+}
+
+function createContext(overrides: Partial<RenderContext> = {}): RenderContext {
+  const ctx = {} as CanvasRenderingContext2D
+  Object.defineProperty(ctx, 'canvas', {
+    value: { width: 80, height: 200 },
+    configurable: true,
+  })
+
+  return {
+    ctx,
+    yAxisCtx: ctx,
+    pane: createPane(),
+    data: [{ close: 101 }],
+    range: { start: 0, end: 0 },
+    scrollLeft: 0,
+    kWidth: 10,
+    kGap: 2,
+    dpr: 1,
+    paneWidth: 600,
+    kLinePositions: [],
+    kLineCenters: [],
+    kBarRects: [] as { x: number; width: number }[],
+    yAxisLabels: [],
+    xAxisLabels: [],
+    theme: 'light',
+    ...overrides,
+  }
+}
+
+describe('yAxis renderer', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('draws ticks when pane capability showPriceAxisTicks is true', () => {
+    const plugin = createYAxisRendererPlugin({ axisWidth: 80, yPaddingPx: 0 })
+    const context = createContext()
+
+    plugin.draw(context)
+
+    expect(drawScaleTicks).toHaveBeenCalledTimes(1)
+  })
+
+  it('does not draw ticks when pane capability showPriceAxisTicks is false', () => {
+    const plugin = createYAxisRendererPlugin({ axisWidth: 80, yPaddingPx: 0 })
+    const context = createContext({
+      pane: createPane({
+        capabilities: {
+          showPriceAxisTicks: false,
+          showCrosshairPriceLabel: true,
+          candleHitTest: true,
+          supportsPriceTranslate: true,
+        },
+      }),
+    })
+
+    plugin.draw(context)
+
+    expect(drawScaleTicks).toHaveBeenCalledTimes(0)
+  })
+
+  it('uses ctx when yAxisCtx is not provided', () => {
+    const plugin = createYAxisRendererPlugin({ axisWidth: 80, yPaddingPx: 0 })
+    const fallbackCtx = {} as CanvasRenderingContext2D
+    const context = createContext({ ctx: fallbackCtx, yAxisCtx: undefined })
+
+    plugin.draw(context)
+
+    expect(drawScaleTicks).toHaveBeenCalledWith(
+      expect.objectContaining({
+        ctx: fallbackCtx,
+      }),
+    )
+  })
+
+  it('draws last price label via drawAxisPriceLabel for main pane when yAxisLabels contains lastPrice', () => {
+    const plugin = createYAxisRendererPlugin({ axisWidth: 80, yPaddingPx: 0 })
+    const context = createContext({
+      pane: createPane({ id: 'main' }),
+      yAxisLabels: [
+        { type: 'lastPrice', y: 50, price: 101, dataIndex: 0, style: { borderColor: '#f00', bgColor: '#fff', textColor: '#000' } },
+      ],
+    })
+
+    plugin.draw(context)
+
+    expect(drawAxisPriceLabel).toHaveBeenCalledWith(
+      expect.anything(),
+      expect.objectContaining({
+        price: 101,
+        borderColor: '#f00',
+        bgColor: '#fff',
+      }),
+    )
+  })
+
+  it('draws crosshair price label exactly once for active pane', () => {
+    const plugin = createYAxisRendererPlugin({
+      axisWidth: 80,
+      yPaddingPx: 0,
+      getCrosshair: () => ({ y: 55, price: 95, activePaneId: 'main' }),
+    })
+    const context = createContext({ pane: createPane({ id: 'main' }) })
+
+    plugin.draw(context)
+
+    // Last price now flows through drawAxisPriceLabel; only the crosshair label uses drawCrosshairPriceLabel
+    expect(drawCrosshairPriceLabel).toHaveBeenCalledTimes(1)
+  })
+
+  it('does not draw crosshair price label when getCrosshair returns null', () => {
+    const plugin = createYAxisRendererPlugin({
+      axisWidth: 80,
+      yPaddingPx: 0,
+      getCrosshair: () => null,
+    })
+    const context = createContext()
+
+    plugin.draw(context)
+
+    expect(drawCrosshairPriceLabel).toHaveBeenCalledTimes(0)
+  })
+})