infra-sk/modules/paramset-sk/paramset-sk_test.ts

import './index';

import { setUpElementUnderTest, eventPromise, noEventPromise } from '../../../infra-sk/modules/test_util';
import { ParamSetSk, ParamSetSkClickEventDetail } from './paramset-sk';
import { ParamSetSkPO, ParamSetKeyValueTuple } from './paramset-sk_po';
import { ParamSet } from 'common-sk/modules/query';

const expect = chai.expect;

const paramSet1: ParamSet = {
  'a': ['hello', 'world'],
  'b': ['1', '2', '3'],
  'c': ['W', 'X', 'Y'],
  'd': ['I', 'II', 'III'],
};
const paramSet2: ParamSet = {
  'b': ['2', '3', '4'],
  'c': ['X', 'Y', 'Z'],
  'd': ['II', 'III', 'IV'],
  'e': ['alpha']
};

const title1 = 'foo';
const title2 = 'bar';

describe('paramset-sk', () => {
  const newInstance = setUpElementUnderTest<ParamSetSk>('paramset-sk');

  let paramSetSk: ParamSetSk;
  let paramSetSkPO: ParamSetSkPO;

  beforeEach(() => {
    paramSetSk = newInstance();
    paramSetSkPO = new ParamSetSkPO(paramSetSk);
  });

  describe('one single ParamSet', () => {
    beforeEach(() => {
      paramSetSk.paramsets = [paramSet1];
      paramSetSk.titles = [title1];
    });

    it('should display the ParamSet', async () => {
      expect(await paramSetSkPO.getParamSets()).to.deep.equal([paramSet1]);
    });

    it('should display the title', async () => {
      expect(await paramSetSkPO.getTitles()).to.deep.equal([title1]);
    });
  });

  describe('multiple ParamSets', () => {
    beforeEach(() => {
      paramSetSk.paramsets = [paramSet1, paramSet2];
      paramSetSk.titles = [title1, title2];
    });

    it('should display the ParamSet', async () => {
      expect(await paramSetSkPO.getParamSets()).to.deep.equal([paramSet1, paramSet2]);
    });

    it('should display the title', async () => {
      expect(await paramSetSkPO.getTitles()).to.deep.equal([title1, title2]);
    });
  });

  describe('titles', () => {
    beforeEach(() => {
      paramSetSk.paramsets = [paramSet1, paramSet2];
    });

    it('should not be visible if none are provided', async () => {
      expect(await paramSetSkPO.getTitles()).to.deep.equal(['', '']);
    });

    it('should not be visible there are fewer titles than there are ParamSets', async () => {
      paramSetSk.titles = [title1];
      expect(await paramSetSkPO.getTitles()).to.deep.equal(['', '']);
    });

    it('should not be visible there are more titles than there are ParamSets', async () => {
      paramSetSk.titles = [title1, title2, 'superfluous title'];
      expect(await paramSetSkPO.getTitles()).to.deep.equal(['', '']);
    });
  });

  describe('highlighed values', () => {
    beforeEach(() => {
      paramSetSk.paramsets = [paramSet1, paramSet2];
    });

    it('should not highlight anything by default', async () => {
      expect(await paramSetSkPO.getHighlightedValues()).to.deep.equal([]);
    });

    it('should highlight values', async () => {
      paramSetSk.highlight = {'a': 'hello', 'b': '1', 'c': 'X', 'd': 'IV', 'e': 'alpha'};

      const expected: ParamSetKeyValueTuple[] = [
        {paramSetIndex: 0, key: 'a', value: 'hello'},
        {paramSetIndex: 0, key: 'b', value: '1'},
        {paramSetIndex: 0, key: 'c', value: 'X'},
        {paramSetIndex: 1, key: 'c', value: 'X'},
        {paramSetIndex: 1, key: 'd', value: 'IV'},
        {paramSetIndex: 1, key: 'e', value: 'alpha'},
      ];
      expect(await paramSetSkPO.getHighlightedValues()).to.deep.equal(expected);
    });
  });

  describe('clicks', () => {
    beforeEach(() => {
      paramSetSk.paramsets = [paramSet1, paramSet2];
      paramSetSk.titles = [title1, title2];
    });

    describe('not clickable', () => {
      it('does not emit an event when clicking a key', async () => {
        const noEvent = noEventPromise('paramset-key-click');
        await paramSetSkPO.clickKey('a');
        await noEvent;
      });

      it('does not emit an event when clicking a value', async () => {
        const noEvent = noEventPromise('paramset-key-value-click');
        await paramSetSkPO.clickValue({paramSetIndex: 0, key: 'a', value: 'hello'});
        await noEvent;
      });
    });

    describe('only values are clickable', () => {
      beforeEach(() => {
        paramSetSk.clickable_values = true;
      });

      it('does not emit an event when clicking a key', async () => {
        const noEvent = noEventPromise('paramset-key-click');
        await paramSetSkPO.clickKey('a');
        await noEvent;
      });

      it('emits an event when clicking a value', async () => {
        const event =
          eventPromise<CustomEvent<ParamSetSkClickEventDetail>>('paramset-key-value-click');
        await paramSetSkPO.clickValue({paramSetIndex: 0, key: 'a', value: 'hello'});
        const expectedDetail: ParamSetSkClickEventDetail = {
          ctrl: false,
          key: 'a',
          value: 'hello'
        };
        expect((await event).detail).to.deep.equal(expectedDetail);
      });
    });

    describe('clicking keys and values', () => {
      beforeEach(() => {
        paramSetSk.clickable = true;
      });

      it('emits an event when clicking a key', async () => {
        const event = eventPromise<CustomEvent<ParamSetSkClickEventDetail>>('paramset-key-click');
        await paramSetSkPO.clickKey('a');
        const expectedDetail: ParamSetSkClickEventDetail = {key: 'a', ctrl: false};
        expect((await event).detail).to.deep.equal(expectedDetail);
      });

      it('emits an event when clicking a value', async () => {
        const event =
          eventPromise<CustomEvent<ParamSetSkClickEventDetail>>('paramset-key-value-click');
        await paramSetSkPO.clickValue({paramSetIndex: 0, key: 'a', value: 'hello'});
        const expectedDetail: ParamSetSkClickEventDetail = {key: 'a', value: 'hello', ctrl: false};
        expect((await event).detail).to.deep.equal(expectedDetail);
      });
    });
  });
});