mirror of
				https://github.com/mermaid-js/mermaid.git
				synced 2025-11-04 12:54:08 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			344 lines
		
	
	
		
			11 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			344 lines
		
	
	
		
			11 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
import { describe, expect, it } from 'vitest';
 | 
						|
 | 
						|
import { Radar } from '../src/language/index.js';
 | 
						|
import { expectNoErrorsOrAlternatives, radarParse as parse } from './test-util.js';
 | 
						|
 | 
						|
const mutateGlobalSpacing = (context: string) => {
 | 
						|
  return [
 | 
						|
    context,
 | 
						|
    `  ${context}  `,
 | 
						|
    `\t${context}\t`,
 | 
						|
    `
 | 
						|
    \t${context}
 | 
						|
    `,
 | 
						|
  ];
 | 
						|
};
 | 
						|
 | 
						|
describe('radar', () => {
 | 
						|
  it.each([
 | 
						|
    ...mutateGlobalSpacing('radar-beta'),
 | 
						|
    ...mutateGlobalSpacing('radar-beta:'),
 | 
						|
    ...mutateGlobalSpacing('radar-beta :'),
 | 
						|
  ])('should handle regular radar', (context: string) => {
 | 
						|
    const result = parse(context);
 | 
						|
    expectNoErrorsOrAlternatives(result);
 | 
						|
    expect(result.value.$type).toBe(Radar);
 | 
						|
  });
 | 
						|
 | 
						|
  describe('should handle title, accDescr, and accTitle', () => {
 | 
						|
    it.each([
 | 
						|
      ...mutateGlobalSpacing(' title My Title'),
 | 
						|
      ...mutateGlobalSpacing('\n  title My Title'),
 | 
						|
    ])('should handle title', (context: string) => {
 | 
						|
      const result = parse(`radar-beta${context}`);
 | 
						|
      expectNoErrorsOrAlternatives(result);
 | 
						|
      expect(result.value.$type).toBe(Radar);
 | 
						|
 | 
						|
      const { title } = result.value;
 | 
						|
      expect(title).toBe('My Title');
 | 
						|
    });
 | 
						|
 | 
						|
    it.each([
 | 
						|
      ...mutateGlobalSpacing(' accDescr: My Accessible Description'),
 | 
						|
      ...mutateGlobalSpacing('\n  accDescr: My Accessible Description'),
 | 
						|
    ])('should handle accDescr', (context: string) => {
 | 
						|
      const result = parse(`radar-beta${context}`);
 | 
						|
      expectNoErrorsOrAlternatives(result);
 | 
						|
      expect(result.value.$type).toBe(Radar);
 | 
						|
 | 
						|
      const { accDescr } = result.value;
 | 
						|
      expect(accDescr).toBe('My Accessible Description');
 | 
						|
    });
 | 
						|
 | 
						|
    it.each([
 | 
						|
      ...mutateGlobalSpacing(' accTitle: My Accessible Title'),
 | 
						|
      ...mutateGlobalSpacing('\n  accTitle: My Accessible Title'),
 | 
						|
    ])('should handle accTitle', (context: string) => {
 | 
						|
      const result = parse(`radar-beta${context}`);
 | 
						|
      expectNoErrorsOrAlternatives(result);
 | 
						|
      expect(result.value.$type).toBe(Radar);
 | 
						|
 | 
						|
      const { accTitle } = result.value;
 | 
						|
      expect(accTitle).toBe('My Accessible Title');
 | 
						|
    });
 | 
						|
 | 
						|
    it.each([
 | 
						|
      ...mutateGlobalSpacing(
 | 
						|
        ' title My Title\n  accDescr: My Accessible Description\n  accTitle: My Accessible Title'
 | 
						|
      ),
 | 
						|
      ...mutateGlobalSpacing(
 | 
						|
        '\n  title My Title\n  accDescr: My Accessible Description\n  accTitle: My Accessible Title'
 | 
						|
      ),
 | 
						|
    ])('should handle title + accDescr + accTitle', (context: string) => {
 | 
						|
      const result = parse(`radar-beta${context}`);
 | 
						|
      expectNoErrorsOrAlternatives(result);
 | 
						|
      expect(result.value.$type).toBe(Radar);
 | 
						|
 | 
						|
      const { title, accDescr, accTitle } = result.value;
 | 
						|
      expect(title).toBe('My Title');
 | 
						|
      expect(accDescr).toBe('My Accessible Description');
 | 
						|
      expect(accTitle).toBe('My Accessible Title');
 | 
						|
    });
 | 
						|
  });
 | 
						|
 | 
						|
  describe('should handle axis', () => {
 | 
						|
    it.each([`axis my-axis`, `axis my-axis["My Axis Label"]`])(
 | 
						|
      'should handle one axis',
 | 
						|
      (context: string) => {
 | 
						|
        const result = parse(`radar-beta\n${context}`);
 | 
						|
        expectNoErrorsOrAlternatives(result);
 | 
						|
        expect(result.value.$type).toBe(Radar);
 | 
						|
 | 
						|
        const { axes } = result.value;
 | 
						|
        expect(axes).toHaveLength(1);
 | 
						|
        expect(axes[0].$type).toBe('Axis');
 | 
						|
        expect(axes[0].name).toBe('my-axis');
 | 
						|
      }
 | 
						|
    );
 | 
						|
 | 
						|
    it.each([
 | 
						|
      `axis my-axis["My Axis Label"]
 | 
						|
      axis my-axis2`,
 | 
						|
      `axis my-axis, my-axis2`,
 | 
						|
      `axis my-axis["My Axis Label"], my-axis2`,
 | 
						|
      `axis my-axis, my-axis2["My Second Axis Label"]`,
 | 
						|
    ])('should handle multiple axes', (context: string) => {
 | 
						|
      const result = parse(`radar-beta\n${context}`);
 | 
						|
      expectNoErrorsOrAlternatives(result);
 | 
						|
      expect(result.value.$type).toBe(Radar);
 | 
						|
 | 
						|
      const { axes } = result.value;
 | 
						|
      expect(axes).toHaveLength(2);
 | 
						|
      expect(axes.every((axis) => axis.$type === 'Axis')).toBe(true);
 | 
						|
      expect(axes[0].name).toBe('my-axis');
 | 
						|
      expect(axes[1].name).toBe('my-axis2');
 | 
						|
    });
 | 
						|
 | 
						|
    it.each([
 | 
						|
      `axis my-axis["My Axis Label"]
 | 
						|
      axis my-axis2["My Second Axis Label"]`,
 | 
						|
      `axis my-axis ["My Axis Label"], my-axis2\t["My Second Axis Label"]`,
 | 
						|
    ])('should handle axis labels', (context: string) => {
 | 
						|
      const result = parse(`radar-beta\n${context}`);
 | 
						|
      expectNoErrorsOrAlternatives(result);
 | 
						|
      expect(result.value.$type).toBe(Radar);
 | 
						|
 | 
						|
      const { axes } = result.value;
 | 
						|
      expect(axes).toHaveLength(2);
 | 
						|
      expect(axes[0].name).toBe('my-axis');
 | 
						|
      expect(axes[0].label).toBe('My Axis Label');
 | 
						|
      expect(axes[1].name).toBe('my-axis2');
 | 
						|
      expect(axes[1].label).toBe('My Second Axis Label');
 | 
						|
    });
 | 
						|
 | 
						|
    it('should not allow empty axis names', () => {
 | 
						|
      const result = parse(`radar-beta
 | 
						|
      axis`);
 | 
						|
      expect(result.parserErrors).not.toHaveLength(0);
 | 
						|
    });
 | 
						|
 | 
						|
    it('should not allow non-comma separated axis names', () => {
 | 
						|
      const result = parse(`radar-beta
 | 
						|
      axis my-axis my-axis2`);
 | 
						|
      expect(result.parserErrors).not.toHaveLength(0);
 | 
						|
    });
 | 
						|
  });
 | 
						|
 | 
						|
  describe('should handle curves', () => {
 | 
						|
    it.each([
 | 
						|
      `radar-beta
 | 
						|
      curve my-curve`,
 | 
						|
      `radar-beta
 | 
						|
      curve my-curve["My Curve Label"]`,
 | 
						|
    ])('should not allow curves without axes', (context: string) => {
 | 
						|
      const result = parse(`radar-beta${context}`);
 | 
						|
      expect(result.parserErrors).not.toHaveLength(0);
 | 
						|
    });
 | 
						|
 | 
						|
    it.each([
 | 
						|
      `radar-beta
 | 
						|
      axis my-axis
 | 
						|
      curve my-curve`,
 | 
						|
      `radar-beta
 | 
						|
      axis my-axis
 | 
						|
      curve my-curve["My Curve Label"]`,
 | 
						|
    ])('should not allow curves without entries', (context: string) => {
 | 
						|
      const result = parse(`radar-beta${context}`);
 | 
						|
      expect(result.parserErrors).not.toHaveLength(0);
 | 
						|
    });
 | 
						|
 | 
						|
    it.each([
 | 
						|
      `curve my-curve { 1 }`,
 | 
						|
      `curve my-curve {
 | 
						|
        1
 | 
						|
      }`,
 | 
						|
      `curve my-curve {
 | 
						|
 | 
						|
      1
 | 
						|
 | 
						|
      }`,
 | 
						|
    ])('should handle one curve with one entry', (context: string) => {
 | 
						|
      const result = parse(`radar-beta\naxis my-axis\n${context}`);
 | 
						|
      expectNoErrorsOrAlternatives(result);
 | 
						|
      expect(result.value.$type).toBe(Radar);
 | 
						|
 | 
						|
      const { curves } = result.value;
 | 
						|
      expect(curves).toHaveLength(1);
 | 
						|
      expect(curves[0].$type).toBe('Curve');
 | 
						|
      expect(curves[0].name).toBe('my-curve');
 | 
						|
      expect(curves[0].entries).toHaveLength(1);
 | 
						|
      expect(curves[0].entries[0].$type).toBe('Entry');
 | 
						|
      expect(curves[0].entries[0].value).toBe(1);
 | 
						|
    });
 | 
						|
 | 
						|
    it.each([
 | 
						|
      `curve my-curve { my-axis 1 }`,
 | 
						|
      `curve my-curve { my-axis : 1 }`,
 | 
						|
      `curve my-curve {
 | 
						|
        my-axis: 1
 | 
						|
      }`,
 | 
						|
    ])('should handle one curve with one detailed entry', (context: string) => {
 | 
						|
      const result = parse(`radar-beta\naxis my-axis\n${context}`);
 | 
						|
      expectNoErrorsOrAlternatives(result);
 | 
						|
      expect(result.value.$type).toBe(Radar);
 | 
						|
 | 
						|
      const { curves } = result.value;
 | 
						|
      expect(curves).toHaveLength(1);
 | 
						|
      expect(curves[0].$type).toBe('Curve');
 | 
						|
      expect(curves[0].name).toBe('my-curve');
 | 
						|
      expect(curves[0].entries).toHaveLength(1);
 | 
						|
      expect(curves[0].entries[0].$type).toBe('Entry');
 | 
						|
      expect(curves[0].entries[0].value).toBe(1);
 | 
						|
      expect(curves[0].entries[0]?.axis?.$refText).toBe('my-axis');
 | 
						|
    });
 | 
						|
 | 
						|
    it.each([
 | 
						|
      `curve my-curve { ax1 1, ax2 2 }`,
 | 
						|
      `curve my-curve {
 | 
						|
        ax1 1,
 | 
						|
        ax2 2
 | 
						|
      }`,
 | 
						|
      `curve my-curve["My Curve Label"] {
 | 
						|
        ax1: 1, ax2: 2
 | 
						|
      }`,
 | 
						|
    ])('should handle one curve with multiple detailed entries', (context: string) => {
 | 
						|
      const result = parse(`radar-beta\naxis ax1, ax1\n${context}`);
 | 
						|
      expectNoErrorsOrAlternatives(result);
 | 
						|
      expect(result.value.$type).toBe(Radar);
 | 
						|
 | 
						|
      const { curves } = result.value;
 | 
						|
      expect(curves).toHaveLength(1);
 | 
						|
      expect(curves[0].$type).toBe('Curve');
 | 
						|
      expect(curves[0].name).toBe('my-curve');
 | 
						|
      expect(curves[0].entries).toHaveLength(2);
 | 
						|
      expect(curves[0].entries[0].$type).toBe('Entry');
 | 
						|
      expect(curves[0].entries[0].value).toBe(1);
 | 
						|
      expect(curves[0].entries[0]?.axis?.$refText).toBe('ax1');
 | 
						|
      expect(curves[0].entries[1].$type).toBe('Entry');
 | 
						|
      expect(curves[0].entries[1].value).toBe(2);
 | 
						|
      expect(curves[0].entries[1]?.axis?.$refText).toBe('ax2');
 | 
						|
    });
 | 
						|
 | 
						|
    it.each([
 | 
						|
      `curve c1 { ax1 1, ax2 2 }
 | 
						|
      curve c2 { ax1 3, ax2 4 }`,
 | 
						|
      `curve c1 {
 | 
						|
        ax1 1,
 | 
						|
        ax2 2
 | 
						|
      }
 | 
						|
      curve c2 {
 | 
						|
        ax1 3,
 | 
						|
        ax2 4
 | 
						|
      }`,
 | 
						|
      `curve c1{ 1, 2 }, c2{ 3, 4 }`,
 | 
						|
    ])('should handle multiple curves', (context: string) => {
 | 
						|
      const result = parse(`radar-beta\naxis ax1, ax1\n${context}`);
 | 
						|
      expectNoErrorsOrAlternatives(result);
 | 
						|
      expect(result.value.$type).toBe(Radar);
 | 
						|
 | 
						|
      const { curves } = result.value;
 | 
						|
      expect(curves).toHaveLength(2);
 | 
						|
      expect(curves.every((curve) => curve.$type === 'Curve')).toBe(true);
 | 
						|
      expect(curves[0].name).toBe('c1');
 | 
						|
      expect(curves[1].name).toBe('c2');
 | 
						|
    });
 | 
						|
 | 
						|
    it('should not allow empty curve names', () => {
 | 
						|
      const result = parse(`radar-beta
 | 
						|
      axis my-axis
 | 
						|
      curve`);
 | 
						|
      expect(result.parserErrors).not.toHaveLength(0);
 | 
						|
    });
 | 
						|
 | 
						|
    it('should not allow number and detailed entries in the same curve', () => {
 | 
						|
      const result = parse(`radar-beta
 | 
						|
      axis ax1, ax2
 | 
						|
      curve my-curve { 1, ax1 2 }`);
 | 
						|
      expect(result.parserErrors).not.toHaveLength(0);
 | 
						|
    });
 | 
						|
 | 
						|
    it('should not allow non-comma separated entries', () => {
 | 
						|
      const result = parse(`radar-beta
 | 
						|
      axis ax1, ax2
 | 
						|
      curve my-curve { ax1 1 ax2 2 }`);
 | 
						|
      expect(result.parserErrors).not.toHaveLength(0);
 | 
						|
    });
 | 
						|
  });
 | 
						|
 | 
						|
  describe('should handle options', () => {
 | 
						|
    it.each([`ticks 5`, `min 50`, `max 50`])(
 | 
						|
      `should handle number option %s`,
 | 
						|
      (context: string) => {
 | 
						|
        const result = parse(`radar-beta
 | 
						|
      axis ax1, ax2
 | 
						|
      curve c1 { ax1 1, ax2 2 }
 | 
						|
      ${context}`);
 | 
						|
        expectNoErrorsOrAlternatives(result);
 | 
						|
        expect(result.value.$type).toBe(Radar);
 | 
						|
 | 
						|
        const { options } = result.value;
 | 
						|
        expect(options).toBeDefined();
 | 
						|
        const option = options.find((option) => option.name === context.split(' ')[0]);
 | 
						|
        expect(option).toBeDefined();
 | 
						|
        expect(option?.value).toBe(Number(context.split(' ')[1]));
 | 
						|
      }
 | 
						|
    );
 | 
						|
 | 
						|
    it.each([`graticule circle`, `graticule polygon`])(
 | 
						|
      `should handle string option %s`,
 | 
						|
      (context: string) => {
 | 
						|
        const result = parse(`radar-beta
 | 
						|
      axis ax1, ax2
 | 
						|
      curve c1 { ax1 1, ax2 2 }
 | 
						|
      ${context}`);
 | 
						|
        expectNoErrorsOrAlternatives(result);
 | 
						|
        expect(result.value.$type).toBe(Radar);
 | 
						|
 | 
						|
        const { options } = result.value;
 | 
						|
        expect(options).toBeDefined();
 | 
						|
        const option = options.find((option) => option.name === context.split(' ')[0]);
 | 
						|
        expect(option).toBeDefined();
 | 
						|
        expect(option?.value).toBe(context.split(' ')[1]);
 | 
						|
      }
 | 
						|
    );
 | 
						|
 | 
						|
    it.each([`showLegend true`, `showLegend false`])(
 | 
						|
      `should handle boolean option %s`,
 | 
						|
      (context: string) => {
 | 
						|
        const result = parse(`radar-beta
 | 
						|
      axis ax1, ax2
 | 
						|
      curve c1 { ax1 1, ax2 2 }
 | 
						|
      ${context}`);
 | 
						|
        expectNoErrorsOrAlternatives(result);
 | 
						|
        expect(result.value.$type).toBe(Radar);
 | 
						|
 | 
						|
        const { options } = result.value;
 | 
						|
        expect(options).toBeDefined();
 | 
						|
        const option = options.find((option) => option.name === context.split(' ')[0]);
 | 
						|
        expect(option).toBeDefined();
 | 
						|
        expect(option?.value).toBe(context.split(' ')[1] === 'true');
 | 
						|
      }
 | 
						|
    );
 | 
						|
  });
 | 
						|
});
 |