Function testAreaSeriesColorPrecedence

examples/acceptance/area-style-color.ts:34–227

()

}

function testAreaSeriesColorPrecedence() {
  console.log('\n=== Area Series Color Precedence Tests ===\n');

  // Test 1: areaStyle.color takes precedence over series.color
  {
    const options: ChartGPUOptions = {
      series: [
        {
          type: 'area',
          data: [[0, 0], [1, 1]],
          color: '#ff0000',
          areaStyle: { color: '#00ff00' },
        },
      ],
    };

    const resolved = resolveOptions(options);
    const series = resolved.series[0];
    
    if (series?.type === 'area') {
      assertEquals(
        series.areaStyle.color,
        '#00ff00',
        'Area series: areaStyle.color overrides series.color'
      );
      assertEquals(
        series.color,
        '#00ff00',
        'Area series: resolved series.color matches areaStyle.color'
      );
    } else {
      console.error(`${RED}✗${RESET} Expected area series`);
      failed++;
    }
  }

  // Test 2: series.color takes precedence over palette
  {
    const options: ChartGPUOptions = {
      palette: ['#ff0000', '#00ff00'],
      series: [
        {
          type: 'area',
          data: [[0, 0], [1, 1]],
          color: '#0000ff',
        },
      ],
    };

    const resolved = resolveOptions(options);
    const series = resolved.series[0];
    
    if (series?.type === 'area') {
      assertEquals(
        series.color,
        '#0000ff',
        'Area series: series.color overrides palette'
      );