单元测试Typescript装饰器
单元测试是一种软件测试方法，用于验证代码中最小的可测试单元（通常是函数或方法）是否按照预期工作。它的目的是确保每个单元的功能正确性，以便在整个应用程序中提供高质量的代码。
Typescript装饰器是一种特殊的语法，用于修改类、方法、属性或参数的行为。装饰器可以在不修改原始代码的情况下，通过在其上应用装饰器来添加额外的功能或元数据。在单元测试中，装饰器可以用于添加测试相关的功能，例如性能监测、异常捕获、日志记录等。
Typescript装饰器可以分为以下几类：
- 类装饰器（Class Decorators）：应用于类的装饰器，可以修改类的行为或元数据。例如，可以使用类装饰器来添加日志记录功能或验证权限。
- 方法装饰器（Method Decorators）：应用于类的方法的装饰器，可以修改方法的行为或元数据。例如，可以使用方法装饰器来添加性能监测或异常捕获功能。
- 属性装饰器（Property Decorators）：应用于类的属性的装饰器，可以修改属性的行为或元数据。例如，可以使用属性装饰器来添加数据校验或访问控制功能。
- 参数装饰器（Parameter Decorators）：应用于类的方法参数的装饰器，可以修改参数的行为或元数据。例如，可以使用参数装饰器来添加参数校验或日志记录功能。
Typescript装饰器在单元测试中的应用场景包括：
- 性能监测：通过在方法装饰器中添加性能监测代码，可以测量方法的执行时间，以便进行性能优化。
- 异常捕获：通过在方法装饰器中添加异常捕获代码，可以捕获方法中的异常并进行处理，以确保代码的稳定性。
- 数据校验：通过在属性装饰器中添加数据校验代码，可以验证属性的值是否符合预期，以提高代码的健壮性。
- 日志记录：通过在类装饰器、方法装饰器或参数装饰器中添加日志记录代码，可以记录方法的调用信息或参数的取值，以便进行调试或分析。
腾讯云提供的相关产品和服务：
- 云函数（Serverless Cloud Function）：腾讯云的无服务器计算服务，可以用于编写和运行无需管理服务器的代码，适用于快速构建和部署单元测试相关的功能。
- 云监控（Cloud Monitor）：腾讯云的监控服务，可以实时监控云资源的运行状态和性能指标，适用于监测单元测试中的性能和异常情况。
- 云日志服务（Cloud Log Service）：腾讯云的日志管理服务，可以收集、存储和分析应用程序的日志数据，适用于记录单元测试中的日志信息。
- 云审计（Cloud Audit）：腾讯云的安全审计服务，可以记录和分析云资源的操作日志，适用于监测单元测试中的安全事件。
更多关于腾讯云相关产品和服务的详细信息，请访问腾讯云官方网站：腾讯云。
相关·内容
2回答
我有一个构建在带有装饰器的typescript上的应用程序，用于一些方便的属性分配，并想知道如何为它们编写单元测试。
export function APIUrl() {
return function (target: any, key: string) {
let _value = target[key];
function getter() {
return _value;
}
function setter(newValue) {
浏览 0提问于2016-08-24得票数 6
回答已采纳
1回答
我感兴趣的是为我的Ionic2应用程序中的每个@Page编写单元测试(使用angular2和typescript)。所有关于测试angular2应用程序的文章都有为@组件编写测试的参考。我的问题是，@Page和@Component相似吗？我可以使用相同的技术来测试它吗?或者我应该使用任何Ionic2测试框架？
谢谢你的帮助。
浏览 2提问于2016-03-17得票数 1
我最近开始在Range2中使用，但现在我一直在想，它们是否也可以在没有TypeScript注释的情况下在ES6中使用。
TypeScript语法，按照，如下所示：
@ViewChild(ItemDirective) viewChild: ItemDirective;
或者，按照
// myVideo == #my-video
@ViewChild('myVideo') myVideo: any;
现在，对应的有用于ViewChild和co的元数据类，我记得可以使用这些元数据类在普通JS中添加一些其他注释。所以我觉得应该是可行的，但我不太确定在这种情况下该怎么做。有人能弄清楚这件
浏览 2提问于2016-02-07得票数 2
回答已采纳
因此，我尝试在lit-element中使用Typescript 但是，我不确定如何设置reflect等选项 在普通的Javascript中，你可以这样写： static get properties() { return {
test: { reflect: true }
};} 但在typescript中，您可以像这样声明属性： @property()
test : string; 但是如何添加reflect:true呢？ 如果我喜欢这样： @property()
test : {reflect: true}; 它不工作，因为它认为这是变量类型。 那么如何添加这些选项呢？
浏览 17提问于2020-08-25得票数 0
回答已采纳
类型记录常说："TypeScript是JavaScript的类型化超集。“
但是，如果ECMAScript添加一些与TypeScript现有语法相冲突的新语法，TypeScript和JavaScript之间的“超集”关系就会中断。
会发生这种事吗？
例: TypesScript有参数解码器语法，如果ECMASript将来也添加参数解码器语法，但是装饰函数有不同的参数。
浏览 7提问于2022-05-25得票数 1
回答已采纳
1回答
在TypeScript中，我定义了一个装饰器
function Foo(type: AnEnum) {
return <T extends { pattern: RegExp, new(...args: any[]): {} }>(constructor: T) => {
RegisterPattern(pattern) // defined elsewhere
return class extends constructor {
public type: AnEnum = type
}
浏览 6提问于2018-01-11得票数 0
回答已采纳
我跟不上javascript中的装饰器。
我真的很想在我的React Native项目中使用它们，它会让我拥有更具可读性的代码。
但是目前(2020年)使用纯Javascript装饰器安全吗？当EcmaScript说装饰者在未来可能会有突破性的变化时，他们是什么意思？
我已经看到一些人使用装饰器，但是使用Typescript，我必须使用Typescript才能拥有一个“稳定”版本的装饰器吗？
浏览 5提问于2020-08-08得票数 0
7回答
有了TypeScript，我们现在在JavaScript中有了静态分析和许多面向对象的特性。因此，现在也是时候在客户端逻辑中进行更好的单元测试了，同时我们还需要IOC容器来进行依赖注入，以使代码更易于测试……
那么，有没有人已经体验过这个主题，或者可能知道可以移植到TypeScript的typescript或JavaScript框架的库？
浏览 2提问于2012-10-09得票数 10
我尝试将@Reflect.metadata装饰器应用于TypeScript类，如第82-84行中的示例所示。
/// <reference path="node_modules/reflect-metadata/reflect-metadata.d.ts"/>
@Reflect.metadata('key', 0)
class C {
}
但是，TypeScript 1.7.2编译器在@Reflect.metadata行上生成以下错误：
错误TS1238:当作为表达式调用时无法解析类装饰器的签名。
无法调用类型缺少调用签名的表达式。
怎么了
浏览 3提问于2015-12-28得票数 6
1回答
有没有一种在TypeScript中进行代码编织的方法？
我想要做的是将一段代码作为我的TypeScript应用程序中每个函数的第一行，并且我不习惯手动这样做(这种手工方法既乏味又容易出错)。
浏览 1提问于2016-02-11得票数 4
回答已采纳
由于我更新到了角5和@ngtools/webpack (从1.8.0到1.9.0)，我得到了一个奇怪的错误，无法找出错误的原因，我只得到了这个错误：
ERROR in : TypeError: Cannot read property 'getTsProgram' of undefined
at AngularCompilerPlugin._getTsProgram (/home/patrikx3/Projects/patrikx3/corifeus/corifeus-app-web-pages/node_modules/@ngtools/webpack/src/angul
浏览 0提问于2017-12-08得票数 2
回答已采纳
TypeScript中的“装饰器”是什么？为什么要使用它们？@符号的用途是什么？如果我们应用装饰器，会发生什么？
我在谷歌上也找不到清晰的想法。
浏览 10提问于2017-02-24得票数 0
回答已采纳
我试图在一个没有包含在类中的函数中添加一个自定义的TypeScript装饰器，似乎无论我做什么编译器都会报错。
有什么想法吗？有可能吗？
浏览 0提问于2016-05-30得票数 32
回答已采纳
2回答
我想知道是否可以使用TypeScript 1.5从一个类创建一个属性装饰器？我的意思是从
function Inject(value = null) {
return function (target:Object, propertyKey:string) {
target[propertyKey] = value;
};
}
到像这样的类
class Inject{...}
如果这是可能的，我们怎么做？
感谢你的预支
浏览 1提问于2015-06-03得票数 1
3回答
我对蟒蛇和烧瓶很陌生。我想为编写的api创建单元测试。我们使用jwt进行身份验证。
对于单元测试，我不希望流进入@jwt_required装饰器。除此之外，我还为这种方法设置了其他几个装饰师。
class A():
@jwt_required()
@mandatory_fields_check
@unlock_and_lock()
def get(self, address, name):
..
..
..
return jsonify(
{"payload": data,
浏览 1提问于2018-09-19得票数 2
我用TypeScript写了很多代码，但巴别塔很少，我知道TypeScript是如何在装饰器上工作的，而且巴别塔也支持装饰器，它们的行为是一样的吗？
浏览 26提问于2018-02-12得票数 8
回答已采纳
我想知道为什么TypeScript中的这个特性叫做Decorator
它只是一个与Annotation或Attribute不同的名字吗？还有别的原因吗？
Decorator和Annotation/Attribute的区别是什么？
浏览 5提问于2016-04-30得票数 14
回答已采纳
1回答
我目前正在学习Node的TypeScript。读到关于TypeORM的文章，我发现reflect-metadata包是TypeORM工作所必需的。需要这个包的原因是什么？
浏览 0提问于2018-04-02得票数 9
回答已采纳
我正在尝试创建一个react类装饰器，它向任何react组件添加一些道具，并返回装饰器中包含当前道具和额外道具的装饰组件。
我能够找到一个常规typescript类装饰器的工作代码，可以在typescript的上找到。但是，这是针对泛型类的。它不包含任何react类型。
下面是我想用React和Typescript实现的类似功能：
@AddOtherProps
class BasicComponent extends React.Component {
static defaultProps = {
someProp: ''
};
construct
浏览 17提问于2018-08-30得票数 2
我正在使用typescript进行angular 2应用程序开发。
但当我们为组件或路由配置或其他地方编写代码时，我们使用"@“符号。
我的问题是这个符号是什么意思，为什么需要它？
浏览 271提问于2016-07-03得票数 32
@lolcat_decorator1
@loldog_decorator2
@lolrat_decorator3
def lolanimal(*args, **kwargs):
....
我确信我会分别对这些装饰器进行单元测试。但是这些装饰器将首先处理传递给lolanimal的参数，然后lolanimal将处理这些修改后的参数(其中一个装饰器可能会向**kwargs插入新的关键字参数)。
那么，模拟它的最好方法是什么？
谢谢
浏览 0提问于2012-04-25得票数 3
回答已采纳
我是angular2的新手。因此，我们正在为我们的网站编写Typescript代码。我们使用Visual studio 2013进行开发。现在，我们需要为我们已经编写的Typescript代码编写单元测试用例。有没有人可以分享一个关于如何在visual studio中配置typescript单元测试的分步示例。我们是应该在typescript中为typescript编写单元测试用例，还是应该在Javascript中为typescript编写单元测试用例。提前谢谢。
浏览 0提问于2015-08-19得票数 3
1回答
我正在为我的包写一些单元测试。让我们假设我有以下文件：
一揽子/a.
包/测试/test_a.py
在a.py中，我有一门课：
class A:
def m(x):
def n(y):
def o(self, z):
pass # Parsing z
if len(z) == x:
y(self, z)
return o
return n
在test_a.py中，我使用from pack
浏览 0提问于2015-10-08得票数 0
回答已采纳
当我在Vue中有一个从基类扩展而来的组件时，它可以像预期的那样在浏览器中运行。但是当使用mocha进行单元测试时，基类上的方法就消失了。在下面的简单示例中，这将导致错误TypeError: this.methodInBaseClass is not a function。但在运行时它可以工作，然后会显示消息Some other data，正如我所期望的那样。 哪里出了问题？更重要的是，如何修复它？ 考虑这个简单的Vue组件： <template>
<div>{{ myData }}</div>
</template>
<scri
浏览 21提问于2019-03-30得票数 2
回答已采纳
import { ObjectType, ID, Int, Field } from 'type-graphql';
@ObjectType()
export default class Address {
@Field(type => ID)
id: String;
@Field()
type: string;
@Field()
title: string;
@Field()
location: string;
} 信息: ts-node-dev ver.1.0.0 (使用ts-node版本9.1.1，typescript版本4.
浏览 61提问于2021-03-18得票数 0
我为Angular 2中的所有模块编写单元测试。我需要验证所有必要的模块是否都已导入，以及所有必要的组件是否已从我的模块中导出。有人知道怎么写测试吗？
浏览 9提问于2017-02-02得票数 1
回答已采纳
我有一个方法可以根据所请求的资产类型动态设置$http请求的responseType属性。我想对使用Jasmine设置的正确响应类型进行单元测试。
根据我所发现的，你可以期待一个带有特定头部的请求，但是responseType不是头部，它是请求配置的一部分。以下是我的代码示例(用TypeScript编写)。
let config = {
headers: {
'Content-Type': contentType
}
}
if (contentType.startsWith('image')) {
config.responseType
浏览 0提问于2016-10-26得票数 1
我正在尝试用一个装饰器来扩展一个类的原型，这个装饰器使用TypeScript的experimentalDecorator支持。
export function Foo() {
return function (target) {
target.prototype.bar = 'baz';
}
};
虽然这个装饰符似乎适用，但TypeScript不能识别原型扩展。
@Foo()
class Qux {
constructor () {
this.bar; // Property 'style' doesn't exi
浏览 13提问于2016-09-01得票数 0
回答已采纳
我正在使用来在我的web应用程序中创建一个导航条。我使用的是Vue.JS + TypeScript。
因此，我在一个文件夹"navBar“中创建了一个Vue组件，在其中我已经：
组件navBar.vue
<template src="./navBar.html">
</template>
<script src="./navBar.ts" lang="ts">
</script>
html navBar.html
<div id="navbar">
<e
浏览 0提问于2018-02-13得票数 0
回答已采纳
我是一名有打字稿的大一新生。我不理解我的代码中的这个错误。
我使用IProps来描述这个类的属性。为什么typescript要检查这个类的方法？我该如何解决这个问题？
export interface IProps extends FormComponentProps {
dispatch: Dispatch<any>;
loading: any;
}
@Form.create()
@connect(({ global, loading }) => ({ global, loading }))
expor
浏览 1提问于2018-09-14得票数 1
每个typescript装饰器都需要定义这个?这是什么意思?为什么不在typescript语言中设置这个默认值，或者开发人员每次都需要编写这个。 function classDecorator<T extends {new(...args:any[]):{}}>(constructor:T) {}
浏览 166提问于2019-09-23得票数 1
回答已采纳
1回答
我很难将复杂的TypeScript对象存储到浏览器的存储中，因为它必须序列化为JSON字符串。
class ComplexObject {
constructor(
public date: Date,
public child: SimpleObject,
) {}
getContent() {
return this.child.content
}
}
class SimpleObject {
constructor(
public content: string,
) {}
}
虽然const store = JSON.stri
浏览 1提问于2018-03-03得票数 2
回答已采纳
2回答
我尝试使用vue-injector，但它使用我的Vue (2.6.10)和Typescript (3.4.5)版本编译。 我几乎看不到其他选择。 在纯粹的typescript方面，我看到了像Inversify和TSyringe这样的东西，它们看起来很好，但不能开箱即用。 这是inversify： Argument of type typeof App' is not assignable to parameter of type 'VueClass<Vue>'.
Type 'typeof App' is not assignab
浏览 99提问于2019-05-23得票数 0
2回答
我的单元测试文件里有很多单元测试。但是，在从命令行运行单元测试时，我想跳过只跳过。我知道如何总是跳过它(@unittest.skip)，但我只想在从命令行运行单元测试文件时才跳过它。这个是可能的吗？
就像这样：
test_all_my_tests.py -exclude test_number_five()
谢谢
浏览 2提问于2020-10-01得票数 1
回答已采纳
目前，我正在开发Angular 2。我必须演示Angular 2提供的所有功能。我面临的问题是DI issue.Dependency注入无法工作。
这是我的system.config.js
(function (global) {
var map = {
'@angular': '/node_modules/@angular', // sufficient if we didn't pin the version
'@service': '/scripts/app.service',
'
浏览 0提问于2016-09-14得票数 0
回答已采纳
1回答
我收到以下错误消息：
错误:解析错误:第29行:意外令牌非法
对应的代码行是mobx观察者装饰器：
@observer
class Wrapper extends Component<IProps> {
我有以下rollup.config.js：
import typescript from 'rollup-plugin-typescript2'
import jsx from 'rollup-plugin-jsx'
import pkg from './package.json'
export default {
inp
浏览 0提问于2019-06-28得票数 5
1回答
我有一个简单的TypeScript tsconfig.json
{
"compilerOptions": {
"target": "esnext",
"experimentalDecorators": true,
...
以及使用装饰器的类：
class MyClass {
@myDecorator()
myField: any;
}
装饰器使myField作为使用__decorate函数的属性发出，myDecorator函数被传递给它。
升级到最新版本(4.2.4)后，它在Visual
浏览 1提问于2021-08-26得票数 0
1回答
这是我得到的错误
./src/core/providers/todoApi/TodoApiProvider.ts 10:14模块解析失败:使用这些加载程序处理了意外字符“@”(10:14)文件：
./node_modules/react-scripts/node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
./node_modules/babel- loader /lib/index.js您可能需要一个额外的加载器来处理这些加载程序的结果。类TodoApiProvider {
构造函数(@injec
浏览 10提问于2021-10-20得票数 1
HTML代码
<form #pharmacyForm="ngForm" name="form" novalidate>
//form controls
<button (click)="onSubmit(pharmacyForm)">Save</button>
</form>
TypeScript代码
onSubmit(pharmacyForm){
const controls = pharmacyForm.controls;
for(const name in c
浏览 9提问于2020-05-21得票数 0
回答已采纳
我一直在摆弄Typescript中的装饰器，我有一个简单的问题，假设我有一个名为RetainType的自定义装饰器和一个如下所示的类：
class Person {
@RetainType name: string;
@RetainType age: number;
@RetainType dateOfBirth: Date;
}
我希望能够这样写：
@RetainType class Person {
name: string;
age: number;
dateOfBirth: Date;
}
换句话说，有没有办法将装饰器应用于类中的所有属性
浏览 9提问于2016-08-18得票数 5
1回答
类装饰器(实例级)
、、、
我试图在属性上添加一个类decorator，并在instance中修改这个属性。
这在typescript中很好，但是我不想使用typescript，只使用babel，而不使用任何其他编译器。
我的猜测是，target在el函数中是class而不是instance，而在使用typescript时并非如此。
如果有人知道如何使用babel和不使用typescript来完成这项工作
带类型记录的演示：
仅限babel演示：
function el(type) {
return function descriptor(target, key,dec) {
let value = tar
浏览 6提问于2017-12-23得票数 1
回答已采纳
2回答
假设我有一个settings.py
value = 10
我有一个像这样的函数，在模块中有一个装饰器
import settings
@some_decorator(repeat=settings.value):
def do_work():
print settings.value
// prints 1
...
在单元测试中，我试图将settings.value修补为1，如下所示：
with patch('settings.value', new=1):
do_work()
但是do_work函数仍然重复10次，我不认为装饰器的参数是修补的，因为
浏览 6提问于2014-11-18得票数 3
回答已采纳
1回答
我看到你在装修工周围张贴。我很难找到如何模拟一个装饰者。大多数搜索告诉我如何编写装饰器来帮助tes，但要清楚的是，我已经有装饰器了，当我在单元测试一个有装饰器的函数时，我想模拟它，这样它的响应就不在测试中了。
有什么建议吗？
浏览 3提问于2011-06-11得票数 0
我正在尝试将我的TypeScript /create应用程序从MobX 5迁移到MobX 6。在官方迁移指南( )中，他们建议如下：
删除所有装饰器并调用构造函数中的makeObservable，并显式定义使用哪个装饰器应该可以观察到哪个字段。
但他们并没有说如何使用TypeScript应用程序来实现这一目标。给出的例子总是直接使用普通的JavaScript和React.RenderDOM。
下面是一个简化示例的开头--我需要迁移的一个典型类：
@observer
export default class LoginPage extends React.Component<ILogi
浏览 2提问于2021-02-19得票数 4
回答已采纳
我正在用AngularJS包TypeScript。我想做的事情之一是一个合理的依赖注入语法。
一个可能的解决方案是显式地将依赖项作为构造函数参数列出。问题是没有注释，参数名必须与服务名称相匹配，这是很烦人的。另外，每个子类都必须列出父类及其类型的所有参数，这并不是非常可伸缩的。
因此，我尝试使用这个设计来进行基于字段的注入：
class X {
private scope = inject('$scope');
private somethingElse = inject(); // Uses field name
}
不幸的是，TypeScript在构造函数中
浏览 3提问于2015-01-21得票数 0
回答已采纳
从这个例子中，CoffeeWithCream的getBrand()方法在任何方面是不正确的还是有问题的？我这样做的原因是为了避免在任何地方写$coffeeWithCream>$咖啡->getBrand()。
特别是，出现的一个关注领域是单元测试。我对单元测试还不满意，不知道这种策略是否会使测试复杂化。
而且，我知道getBrand()只是一个简单的访问器方法。如果方法执行更复杂的任务，答案会改变吗？
Class Coffee {
public $brand;
public $ingredients = array('coffee');
pu
浏览 3提问于2013-09-20得票数 3
回答已采纳
我正在构建一个小型的TypeScript框架，我也希望确保JavaScript的兼容性。我有一个这样的类接口：
class Foo {
constructor(name : string, id : number);
}
由于这个函数可能也是从普通的JavaScript调用的，所以我还进行了一些正确的检查，以确保参数实际上具有正确的类型。
到现在为止还好。对于这个函数，我还有用TypeScript编写的单元测试。我现在想要的是有一个单元测试来检查这个函数在提供错误的参数类型时是否会抛出异常。例如：
new Foo(3) // throws an exception
// Undefin
浏览 3提问于2015-05-13得票数 1
回答已采纳
我试图在typescript中测试装饰器，但是当我编译ts代码时，我得到了错误 error TS1241: Unable to resolve signature of method decorator when called as an expression.
error TS1219: Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option to remov
浏览 140提问于2019-10-01得票数 0
输入JSON：
{
"some_field":"some value"
}
要用于映射的类型：
export inteface SomeType {
someField:string;
}
如何配置JSON和TypeScript类型之间的映射，以便some_field -> someField？
浏览 2提问于2016-11-28得票数 7
1回答
我使用实体框架在vb.net中编写了一个单元测试项目。当我在visual上运行单元测试时，一切都很好。当我试图在jenkins上部署我的单元测试时，我会得到以下错误。
Run has the following issue(s):
Warning: Test Run deployment issue: The assembly or module 'Microsoft.Practices.ServiceLocation' directly or indirectly referenced by the test container 'C:\Program Files\J
浏览 2提问于2014-12-02得票数 2
回答已采纳
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
腾讯云开发者
