首页 > 解决方案 > 枚举无法识别 - cypress 角度单元测试

问题描述

我一直在尝试将 cypress-angular-unit-test 实现到我现有的 Angular 9 应用程序中。

我一直遇到这个问题,我不确定如何解决。我一直在一个与我的测试用例完全无关的文件中遇到这个问题。

似乎认为 Enum 是未定义的,但我们可以清楚地看到它不是。同样在该区域的应用程序测试期间,一切都按预期工作

我的组件和 cy-spec.ts 文件也非常简单

知道为什么我一直收到这个错误吗?我花了很长时间试图找到答案......

// cy-spec.ts
describe('KitLabelComponent', () => {
  beforeEach(() => {
    initEnv(KitLabelComponent, {
      declarations: [HelptipComponent],
    });
  });
  it('shows label with tooltip', () => {
    mount(KitLabelComponent, {
      label: 'test label',
      tooltipText: 'test tooltip',
    });
    cy.contains('test label');
  });
});

/// component.ts
import { Component, Input } from '@angular/core';
@Component({
  selector: 'kit-label',
  template: `
    <label>
      <div>
        <span
          >{{ label }}
          <app-helptip *ngIf="tooltipText" [titleText]="label" [contentText]="tooltipText"></app-helptip>
        </span>
      </div>
      <ng-content></ng-content>
    </label>
  `,
  styleUrls: ['./kit-label.component.less'],
})
export class KitLabelComponent {
  @Input() label: string;
  @Input() tooltipText: string;
}

在此处输入图像描述 在此处输入图像描述

标签: angularcypress

解决方案


推荐阅读