core/src/components/back-button/test/back-button.spec.ts - main - githubmirror/ionic

core/src/components/back-button/test/back-button.spec.ts
99 строк3 KB
Liam DeBeasi
lint(eslint): migrate to eslint and prettier (#25046)
04 апр 2022, 18:12
04 апр 2022, 18:125676bab
import { setMode } from '@stencil/core';
import { newSpecPage } from '@stencil/core/testing';
import { arrowBackSharp, chevronBack } from 'ionicons/icons';

import { config } from '../../../global/config';
import { BackButton } from '../back-button';

describe('back button', () => {
  beforeEach(() => {
    config.reset({});
  });

  const newBackButton = async (mode = 'md'): Promise<BackButton> => {
    setMode(() => mode);
    const { rootInstance } = await newSpecPage({
      components: [BackButton],
      html: `<ion-back-button></ion-back-button>`,
    });
    return rootInstance;
  };

  describe('backButtonIcon', () => {
    it('set custom icon on the instance, override config', async () => {
      const bb = await newBackButton();
      bb.icon = 'custom-icon-instance';
      config.reset({
        backButtonIcon: 'custom-icon-config',
      });
      expect(bb.backButtonIcon).toBe('custom-icon-instance');
    });

    it('set custom icon in the config', async () => {
      const bb = await newBackButton();
      config.reset({
        backButtonIcon: 'custom-icon-config',
      });
      expect(bb.backButtonIcon).toBe('custom-icon-config');
    });

    it('set custom icon on the instance', async () => {
      const bb = await newBackButton();
      bb.icon = 'custom-icon-instance';
      expect(bb.backButtonIcon).toBe('custom-icon-instance');
    });

    it('default icon for ios mode', async () => {
      const bb = await newBackButton('ios');
      expect(bb.backButtonIcon).toBe(chevronBack);
    });

    it('default icon', async () => {
      const bb = await newBackButton();
      expect(bb.backButtonIcon).toBe(arrowBackSharp);
    });
  });

  describe('backButtonText', () => {
    it('default text for ios mode', async () => {
      const bb = await newBackButton('ios');
      expect(bb.backButtonText).toBe('Back');
    });

    it('default text', async () => {
      const bb = await newBackButton();
      expect(bb.backButtonText).toBe(null);
    });
  });

  describe('backButtonDefaultHref', () => {
    it('set custom defaultHref in the config', async () => {
      config.reset({
        backButtonDefaultHref: 'custom-default-href-config',
      });
      const bb = await newBackButton();
      expect(bb.defaultHref).toBe('custom-default-href-config');
    });

    it('set custom defaultHref on the instance', async () => {
      const bb = await newBackButton();
      bb.defaultHref = 'custom-default-href';
      expect(bb.defaultHref).toBe('custom-default-href');
    });

    it('set custom defaultHref on the instance, override config', async () => {
      const bb = await newBackButton();
      bb.defaultHref = 'custom-default-href';

      config.reset({
        backButtonDefaultHref: 'custom-default-href-config',
      });

      expect(bb.defaultHref).toBe('custom-default-href');

      const bb2 = await newBackButton();
      bb2.defaultHref = 'custom-default-href-second';
      expect(bb2.defaultHref).toBe('custom-default-href-second');
    });
  });
});