ohayolibs/packages/form/src/widgets/object/object.widget.spec.ts

Ohayo is a set of essential modules for ohayojp.

import { DebugElement } from '@angular/core';
import { ComponentFixture, fakeAsync } from '@angular/core/testing';
import { createTestContext } from '@ohayo/testing';
import { configureSFTestSuite, SFPage, TestFormComponent } from '../../../spec/base.spec';
import { SFObjectWidgetSchema } from './schema';

describe('form: widget: object', () => {
  let fixture: ComponentFixture<TestFormComponent>;
  let dl: DebugElement;
  let context: TestFormComponent;
  let page: SFPage;

  configureSFTestSuite();

  beforeEach(() => {
    ({ fixture, dl, context } = createTestContext(TestFormComponent));
    page = new SFPage(context.comp);
    page.prop(dl, context, fixture);
  });

  it('should working', fakeAsync(() => {
    page.newSchema({
      properties: {
        a: {
          type: 'object',
          properties: {
            b: { type: 'string' },
          },
        },
      },
    });
    const property = page.getProperty('/a');
    property.setValue({ b: 1, c: 0 }, false);
    page.time();
    const ipt = page.getEl('.ant-input') as HTMLInputElement;
    expect(ipt.value).toBe('1');
  }));

  describe('#showTitle', () => {
    it('should be hide second title when value is undefined', () => {
      page
        .newSchema({
          title: 'root',
          properties: {
            a: {
              type: 'object',
              title: 'a',
              properties: {},
            },
          },
        })
        .checkCount('.sf__title', 0);
    });
    it('should be show title when value is true', () => {
      page
        .newSchema({
          title: 'root',
          ui: { showTitle: true },
          properties: {
            a: {
              type: 'object',
              title: 'a',
              properties: {},
            },
          },
        })
        .checkCount('.sf__title', 1);
    });
    it('should be hide title when value is false', () => {
      page
        .newSchema({
          title: 'root',
          ui: { showTitle: false },
          properties: {
            a: {
              type: 'object',
              title: 'a',
              ui: { showTitle: false },
              properties: {},
            },
          },
        })
        .checkCount('.sf__title', 0);
    });
    it('should be hide title when title is null', () => {
      page
        .newSchema({
          title: null,
          ui: { showTitle: true },
          properties: {},
        })
        .checkCount('.sf__title', 0);
    });
    it('should be hide title when is array property', () => {
      page
        .newSchema({
          properties: {
            a: {
              title: 'a',
              type: 'array',
            },
          },
        })
        .checkCount('.sf__title', 0);
    });
  });

  describe('render card', () => {
    it('should be working', () => {
      page
        .newSchema({
          title: 'root',
          properties: {},
          ui: { type: 'card' },
        })
        .checkCount('.sf__object-card', 1)
        .checkCount('.sf__object-card-fold', 0)
        .click('.ant-card-head-title div')
        .checkCount('.sf__object-card-fold', 1);
    });
    it('should be disabled toggle expand when showExpand is false', () => {
      page
        .newSchema({
          title: 'root',
          properties: {},
          ui: { type: 'card', showExpand: false } as SFObjectWidgetSchema,
        })
        .checkCount('.sf__object-card', 1)
        .checkCount('.sf__object-card-fold', 0)
        .click('.ant-card-head-title div')
        .checkCount('.sf__object-card-fold', 0);
    });
  });
});