У меня проблемы с этой ошибкой. Кажется, я что-то забыл и не могу понять, что это такое. Задача простая: протестируйте мою простую составляющую. Вот так:

import { Component, OnInit, Input } from '@angular/core';
import { ButtonModel } from './model/button.model';

@Component({
  selector: 'app-button',
  templateUrl: './button.component.html',
  styleUrls: ['./button.component.scss']
})
export class ButtonComponent implements OnInit {
  @Input() public button: ButtonModel;

  constructor() { }

  public ngOnInit(): void {
  }

  public getClasses(): [string, string] {
    return [
      this.button.Size,
      this.button.Color
    ];
  }
}

И тесты:

import { Spectator, createHostFactory } from '@ngneat/spectator';
import { RouterTestingModule } from '@angular/router/testing';
import { ButtonComponent } from './button.component';
import { MockComponent } from 'ng-mocks';


describe('[ButtonComponent]', () => {
  let spectator: Spectator<ButtonComponent>;
  const createHost = createHostFactory({
    component: MockComponent(ButtonComponent),
    imports: [RouterTestingModule]
  });

  beforeEach(() => {
    spectator = createHost('<app-button></app-button>');
  });

  it('should create', () => {
    expect(spectator.component).toBeTruthy();
  });

  it('should get default classes', () => {
    expect(spectator.component.getClasses()).toEqual(['big', 'primary-theme-color']);
  });
});

И HTML:

<button [ngClass]="getClasses()">
  {{button.Text}}
</button>

И эта ошибка:

Ожидается, что undefined будет равно ['big', 'primary-theme-color']. Ошибка: Ожидается, что undefined будет равно ['big', 'primary-theme-color']. в в UserContext. (http: // localhost : 9876 / _karma_webpack_ / src / app / shared / components / button / button.component.spec.ts: 24: 46) в ZoneDelegate.invoke (http: // localhost : 9876 / _karma_webpack_ / node_modules / zone.js / dist / zone-evergreen.js: 359: 1) в ProxyZoneSpec.onInvoke (http: // localhost : 9876 / _karma_webpack_ / node_modules / zone.js / dist / zone-testing.js: 308: 1)

0
obain 18 Ноя 2019 в 11:38

2 ответа

Вы используете Spectator для тестирования, вы можете прочитать документацию к инструменту: https://github.com/ngneat/ зритель

В вашем случае это будет spectator.setInput('button', {Text: 'my text', Size: '...', Color: '...'}) до вашего expect

1
htn 18 Ноя 2019 в 13:01

У меня сработало тестирование без хост-компонента и установка значения свойства кнопки,

  let spectator: Spectator<ButtonComponent>;   
  const createComponent = createComponentFactory(ButtonComponent);

  beforeEach(() => {
    spectator = createComponent({
      props: {
        button: {Size: "big", Color: 'primary-theme-color'}
      }
    });
  });

  it('should create', () => {
    expect(spectator.component).toBeTruthy();
  });

  it('should get default classes', () => {
    expect(spectator.component.getClasses()).toEqual(['big', 'primary-theme-color']);
  });
0
Ininiv 18 Ноя 2019 в 14:21