代码之家 › 专栏 › 技术社区 › j3ff

角度4+Jest预设角度:使用从文件导入的触发器在主机上测试动画

angular-animations jestjs angular

j3ff · 技术社区 · 7 年前

我在运行测试时遇到问题 Jest-Preset-Angular

示例.animation.ts

import { trigger } from '@angular/animations';

export const ExampleAnimationHost = { '[@example]': '' };
export const ExampleAnimationTrigger = trigger('example', []);

示例.component.ts

import { Component } from '@angular/core';
import { ExampleAnimationHost, ExampleAnimationTrigger } from './example.animation';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.scss'],
  animations: [ExampleAnimationTrigger],
  host: ExampleAnimationHost,
})
export class ExampleComponent { }

复制粘贴 animations 的属性 @Component 装饰我的测试通过…否则它会失败,因为它似乎没有找到动画声明。

1 回复 | 直到 7 年前

j3ff 7 年前

如果有人有同样的问题,我会回答我自己的问题。

here 指定需要将 animations 所有物这个 styleUrls 中的属性 @Component 室内装修设计师

import { Component } from '@angular/core';
import { ExampleAnimationHost, ExampleAnimationTrigger } from './example.animation';

@Component({
  animations: [ExampleAnimationTrigger], // must be place before styleUrls
  host: ExampleAnimationHost,
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.scss'],
})
export class ExampleComponent { }

瞧!

推荐文章

Ekaterina M · 如何使用Jest和测试库在JavaScript中进行单元测试?

1 年前

Gpack · 是否可以使用Jest收集vm.runInContext加载的代码的覆盖率?

2 年前

johann · 模拟“aws sdk”的“S3”功能(nodeJS和Jest)

2 年前

hikky36 · 为什么开玩笑。fn()可以分配给Typescript中的任何函数?

2 年前

kyrolos magdy · 用jest和

2 年前

Parth Chitroda · 无法读取未定义的属性“displayName”。反应+玩笑+酶

2 年前

Cazs · 在React onChange中测试功能组件

2 年前

Anshu Verma · 使用Jest和酶测试内部使用效果

2 年前

Kristesiashvili · 如果不能捕获源代码中的更改,那么用mock编写单元测试有什么意义呢?

2 年前

Alex Barbosa · 开玩笑说一个功能失败了,另一个功能却没有

2 年前