editor-container.component.spec.ts

import { NO_ERRORS_SCHEMA } from '@angular/core';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { MatMenuModule } from '@angular/material/menu';
import { MatSnackBarModule } from '@angular/material/snack-bar';
import { CodeGenSettings } from '@app/core/state/page.state';
import { XStore } from '@app/core/state/state.mock';
import { NgxsModule, Store } from '@ngxs/store';
import { CodeGenKind, CodeGenService } from './codegen/codegen.service';
import { EditorContainerComponent } from './editor-container.component';

const codeGenService = {
  generate() { return {
    content: [],
    kind: CodeGenKind.Angular,
    buttons: {},
  }; }
};

describe('EditorContainerComponent', () => {
  let component: EditorContainerComponent;
  let fixture: ComponentFixture<EditorContainerComponent>;
  let store: Store;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      schemas: [NO_ERRORS_SCHEMA],
      imports: [
        NgxsModule.forRoot([XStore]),
        MatMenuModule,
        MatSnackBarModule
      ],
      providers: [
        {
          provide: CodeGenService,
          useValue: codeGenService
        }
      ],
      declarations: [EditorContainerComponent]
    }).compileComponents();

    store = TestBed.get(Store);
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(EditorContainerComponent);
    component = fixture.componentInstance;
    component.codeSetting = {} as CodeGenSettings;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
    store.selectOnce(state => state.codegen).subscribe((codegen: CodeGenSettings) => {
      expect(codegen.content).toEqual([]);
      expect(codegen.kind).toBe(CodeGenKind.Angular);
      expect(codegen.buttons.stackblitz).toBeTruthy();
    });
  });
});