如何在jest和typescript中发出错误事件
在jest和typescript中发出错误事件的方法如下：
- 首先，确保你已经安装了jest和typescript，并且项目中已经配置好了相关的环境。
- 创建一个错误事件的触发器函数，可以命名为
triggerErrorEvent。这个函数将负责发出错误事件。
function triggerErrorEvent() {
const error = new Error('This is an example error');
const event = new ErrorEvent('error', { error });
window.dispatchEvent(event);
}- 在你的测试文件中，使用
jest.spyOn来监听错误事件的触发。
import { triggerErrorEvent } from './your-module';
describe('Your Test Suite', () => {
it('should trigger error event', () => {
const errorSpy = jest.spyOn(window, 'dispatchEvent');
triggerErrorEvent();
expect(errorSpy).toHaveBeenCalledWith(expect.any(ErrorEvent));
errorSpy.mockRestore();
});
});在上述代码中，我们使用jest.spyOn来监听window.dispatchEvent方法的调用，并在triggerErrorEvent函数被调用后进行断言。
- 运行你的测试用例，使用
jest命令来执行测试。
jest your-test-file.ts这样，当triggerErrorEvent函数被调用时，会发出一个错误事件，并且你的测试用例将会捕获到这个事件，并进行断言验证。
请注意，以上代码仅为示例，实际使用时你可能需要根据你的具体需求进行适当的修改和调整。
推荐的腾讯云相关产品：腾讯云函数（Serverless Cloud Function），它是一种无需管理服务器即可运行代码的计算服务。你可以使用腾讯云函数来处理和触发各种事件，包括错误事件。了解更多关于腾讯云函数的信息，请访问腾讯云函数产品介绍页面：腾讯云函数
相关·内容
我正在使用Sonarqube分析我的雀巢项目。当我开玩笑地运行单元测试时，它们都通过了，代码覆盖率约为80%。在Sonarqube上，它仍然显示为0%。
我的sonar-project.properties文件如下
sonar.projectKey=<project-key>
sonar.projectName=
sonar.sources=src
sonar.tests=src
sonar.inclusions=**
sonar.test.inclusions=src/**/*.spec.ts
sonar.testExecutionReportPaths=test-report.
浏览 5提问于2021-03-12得票数 6
2回答
我试图用Jest和Typescript模拟一个对象的函数，但它就是不起作用。以下是我所拥有的内容的简短版本：
// myModule.ts
export const Foo = {
doSomething: () => {
// ... does something
console.log('original implementation');
}
}
然后在我的测试中：
jest.mock('.myModule.ts', () => {
return {
Foo: {
doSomething: je
浏览 12提问于2020-05-06得票数 0
回答已采纳
在查看Jest问题和之后，我尝试了以下4种选项，但我要么获得了TypeScript错误，要么得到了运行时错误。我真的很想让选项1 (spyOn)工作。
// ------ option 1 -----
// Gives this runtime error: "Cannot spyOn on a primitive value; undefined given"
const writeText = jest.spyOn(navigator.clipboard, 'writeText');
// ------ option 2 -----
Object.defi
浏览 5提问于2020-06-12得票数 28
回答已采纳
我正在使用typescript和jest。我有两个导入producer.ts的文件users.service.ts。我想模拟producer.ts中的一个函数。这个很好用 import { sendUserData } from './users.service';
const processDataSpy = jest.fn().mockImplementation(() => {
throw new Error('failed');
});
jest.mock('../users/manager', () =>
浏览 41提问于2021-06-25得票数 1
回答已采纳
1回答
我正试着在这里运行我的测试：
但是我得到了以下错误
/Users/leongaban/projects/Futuratum/moon.holdings/jest.config.js:1 (导出、要求、模块、__filename、__dirname) {从“酶”导入{配置}
我的测试过去是有效的，但我没有改变任何东西，我很好奇是什么导致了这个问题？
我的jest.config.js文件看起来是正确的：
import { configure } from 'enzyme'
import Adapter from 'enzyme-adapter-react-16
浏览 1提问于2019-04-28得票数 2
回答已采纳
我想打印或控制台日志下面有关Supertest失败的详细信息，预期以下请求的失败成功不需要打印任何成功的东西
const result = await request(dummy_url).get("repos/Microsoft/TypeScript/pulls")
.set("user-agent", "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:87.0) Gecko/20100101 Firefox/87.0")
.expect(200)
.then
浏览 32提问于2021-05-27得票数 3
回答已采纳
如何简明地测试一个void异步函数是否成功地用jest执行？我在用TypeScript。
// foo.ts
export class Foo {
public async bar(): Promise<void> {
await someAsync();
}
}
如何测试new Foo().bar()不抛出错误？
浏览 3提问于2019-03-19得票数 28
回答已采纳
根据我的理解，Vue 3消除了模板中的一个容器限制，以及v-for循环中强制的v-bind:key。但我的代码会出错。即：
“组件模板应该包含一个根元素。”
如果我用vue-3和Nuxt.也许这会改变一切。下面是我的package.json堆栈：
"dependencies": {
"@nuxtjs/axios": "^5.13.1",
"@nuxtjs/composition-api": "^0.24.4",
"core-js": "^3.9.1",
浏览 1提问于2021-07-05得票数 1
回答已采纳
我目前正在使用以下堆栈设置单元测试：
react (v15)组件使用类型记录(.tsx)编写
测试设置由jest(v21)和酶(V3)完成。
测试文件以普通js-文件的形式编写。
不幸的是，当我不断出错时，酶似乎出了点问题：
wrapper = enzyme.shallow(<Stepper>bla</Stepper>)
^
SyntaxError: Unexpected token <
at new Script (vm.js:51:7)
at Generator
浏览 1提问于2018-02-05得票数 1
回答已采纳
我试着用Jest做一些测试，但是我总是出错。这与TypeScript配置文件有关，我已经搜索过了，但没有找到多少。我用的是NodeJS，TypeORM和TypeScript。
我在运行yarn test时得到了这个错误
错误: Jest:解析TypeScript配置文件失败
C:\Users\demis\Documents\Projects\Personal\nlw_node\jest.config.ts TypeError: registerer.enabled不是readConfigFileAndSetRootDir (C:\Users\demis\Documents\Projects\
浏览 7提问于2021-03-15得票数 9
回答已采纳
考虑我的项目中的以下代码。 describe('Feature active', () => {
it('Should render a Feature', () => {
const wrapper = shallow(<MyComponent prop1={1}/>);
expect(wrapper.prop('prop1')).to.equal(1);
});
}); Typescript可以使用@types/jest解析describe和it的类型。我可以通过在我的tsconfig.jso
浏览 16提问于2021-09-08得票数 0
我正在使用jest在一个使用类型记录的简单NodeJS应用程序中运行测试。我的测试是抛出一个错误：ReferenceError: structuredClone is not defined。
我没有得到任何链接错误，代码编译正常。
const variableForValidation = structuredClone(variableForValidationUncloned);
package.json：
"dependencies": {
...
},
"devDependencies": {
"@types/j
浏览 31提问于2022-09-05得票数 5
回答已采纳
我使用ngrx/store来管理我的应用程序的状态。
我用玩笑和弹珠来测试这个应用程序。但是，在进行测试时，我无法正确地运行测试套件。
在使用ngrx/store/test运行测试时，我会得到以下错误。
如何纠正此错误？
我已经检查了这条路
'D:\my-app\node_modules\@ngrx\store\bundles\store-testing.umd.js'.
此文件已存在。但测试仍在吐出这个错误。
Could not find source file: 'D:\my-app\node_modules\@ngrx\store\bundles\stor
浏览 5提问于2020-05-16得票数 1
回答已采纳
我用的是角7和Jest。当我使用--codecoverage运行jest时，我的所有测试都通过了，但是构造函数中的许多分支没有被覆盖(类似于：)。
我花了相当多的时间到处检查如何解决这个问题，似乎我不得不将jest-preset-angular升级到version 7。在完成之后，我的所有测试套件都无法运行以下消息：
src/app/whatever.component.spec.ts
● Test suite failed to run
TypeScript diagnostics (customize using `[jest-config].globals.ts-jest.
浏览 0提问于2019-04-23得票数 12
回答已采纳
Prisma文档提供了模拟客户端和使用jest和typescript进行单元测试的示例。有没有办法在不使用TypeScript的情况下用jest模拟客户端？ 如果你能举一个简单的例子，我将不胜感激。 补充一点:我在所有使用prisma的函数中的项目中都使用了依赖注入。
浏览 13提问于2021-08-04得票数 2
我正在为Node/Express TypeScript后端进行Jest测试。最近，我了解了全局测试设置，我正在实现该设置，以减少在所有测试文件中执行的类似变量和函数调用。
因此，例如，在下面的代码中，我希望使应用程序和userToken全局变量，并等待在测试安装文件中调用的initDatabase()函数.⬇
import initServer from '../initServer';
import { initDatabase } from '../util/databaseHandler';
import loginWithAWS from '..
浏览 16提问于2022-04-22得票数 0
在配置jest、node.js和typescript之后，script npx jest会在控制台中抛出错误
TypeError: Jest: a transform must export something.
at C:\projects\project-api\node_modules\@jest\transform\build\ScriptTransformer.js:386:19
at processTicksAndRejections (internal/process/task_queues.js:93:5)
at async Promise.all (i
浏览 13提问于2021-05-25得票数 26
我正在使用Node.js ( TypeScript)编写ESModules代码，我需要访问__dirname。为了在CommonJS中访问等效于CommonJS的ESM，我称之为dirname(fileURLToPath(import.meta.url))。我也在用TypeScript用Jest编写测试。使用指南，我设置了Babel。当我运行jest命令时，我得到
const DIRNAME = (0, _path.dirname)((0, _url.fileURLToPath)(import.meta.url));
浏览 10提问于2020-11-23得票数 44
我正在关注这篇文章
我需要测试一个用TypeScript编写的Azure函数。我在同一个test/文件夹中有以下文件。
DefaultContext.js
module.exports = {
log: jest.fn()
};
GetAnnouncements.test.ts
import httpTrigger from '../GetAnnouncements/index'
const context = require('defaultContext');
test('Get announcements', async ()
浏览 2提问于2021-10-17得票数 0
在将eslint升级到8之后，我在每个测试模块上得到了以下错误：
error Definition for rule 'jest/valid-describe' was not found jest/valid-describe
eslintrc.json的一部分：
{
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/recommended",
"plugin:import/errors",
浏览 9提问于2021-11-27得票数 8
回答已采纳
我对TypeScript (和JavaScript)相当陌生，所以这可能是显而易见的，但我不明白让这样的预处理模块来针对TypeScript代码运行Jest测试有什么意义。我正在Node上开发一个TypeScript项目，我正在用Jest测试所有的东西，到目前为止，它运行得很好。
我正在将我的TypeScript代码(和测试)转换到JavaScript ( ES5 )，然后我使用Jest运行Jest来对付那个转移的ES5 JavaScript --一切都很正常，不需要ts-jest。
所以用有什么意义？换句话说，在什么情况下我会使用它？
我见过像这样的关于使用ts-jest来“预处理类型记录文
浏览 0提问于2018-06-23得票数 19
在本地，运行tsc或tsc -w与npm t -- --watch并行都是有效的，但是试图复制我在Github中所拥有的内容却没有起作用。由于某些原因，我甚至无法用ls打印文件夹。然而，TypeScript和Jest的安装似乎都是成功的。
，我只需接收来自tsc的所有可能命令的日志，就在Run tsc下面，还有一个Error: Process completed with exit code 1.。
这是我目前在Github中的设置：
...
jobs:
build:
runs-on: ubuntu-latest
steps:
- name: Install
浏览 2提问于2020-11-07得票数 0
回答已采纳
我正在尝试为我的REACT-TypeScript项目配置eslint。它之前使用的是即将弃用的tslint。我浏览了网页，最终创建了我的.eslintrc.json
{
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"project": "./tsconfig.json",
"ecmaVer
浏览 1提问于2020-01-21得票数 11
1回答
我正在尝试汇总Vue组件库，它是在typescript + vue-property-decorator上编写的。我在一个单独的文件中有几个Vue组件和plugin类，这些组件被导入到这个文件中： import FormularioForm from '@/FormularioForm.vue'
import FormularioInput from '@/FormularioInput.vue'
import FormularioGrouping from '@/FormularioGrouping.vue' 测试套件(vue-cli + j
浏览 37提问于2020-10-11得票数 4
回答已采纳
我的项目没有使用创建-反应-应用程序。我在提升我的埃斯林特。如何向eslintrc.js文件添加正确的响应？
目前，我在extend属性中有以下内容：
extends: [
'airbnb',
'airbnb-typescript',
'airbnb/hooks',
// "plugin:@typescript-eslint/recommended",
// "plugin:@typescript-eslint/recommended-requiring-type-checking&
浏览 16提问于2022-07-04得票数 0
1回答
我们的项目目前正在使用jest进行角度测试。我们使用jest预设角，并将其配置为在Visual代码中以调试模式运行。调试可以工作，除非它首先将spec.ts文件转换为JavaScript。这意味着断点通常不在我想要的位置，因为文件已经从TypeScript转换为JavaScript。
如何配置我的项目，使我可以在Visual代码中以类型记录的形式调试测试？
我试着在side上运行Karma，因为在浏览器中调试的Karma体验要容易得多。然而，在测试中有如此多的Jest依赖项，这也是一个挑战。
launch.json
{
"name": "Tests&
浏览 3提问于2021-10-05得票数 1
回答已采纳
我遵循了一个教程，将web支持添加到一个react本地应用程序中。使用反应-本土-网络和webpack。看起来对每个人都有用。但对我来说，我得到了一个空白的网页。即使它在模拟器上工作得很好。控制台没有出错。
如本教程所示，我希望在模拟器和网页上看到我的简单的本机代码结果。
ps。我的项目是基于TypeScript的
这是我的App.web.ts
import {AppRegistry} from 'react-native'
import {name as appName} from './app.json'
import App fro
浏览 11提问于2022-04-01得票数 1
1回答
我正在尝试安装Jest，以便与Babel和类型记录一起使用。我遵循了的指示，但我得到了：
错误: Jest:未能解析TypeScript配置文件C:...jest.config.js`
...when，我负责npm run test。
jest.config.ts的内容如下：
export default {
//lots of commented-out stuff in here - nothing at all uncommented
}
以下是我所做的具体步骤：
init项目- npm init -y
安装Jest - npm -i --save-dev jes
浏览 3提问于2022-02-28得票数 2
我正在尝试使用jest模拟第三方节点模块中的函数，特别是fs.readFileSync()函数。有相当多的例子，但我还没有找到一个使用TypeScript的。我在上有一个简单的，希望是最小的例子。对于熟悉jest的人来说，这可能是一个简单的问题。
浏览 1提问于2018-08-31得票数 8
回答已采纳
我正在使用ts-jest (Jest和TypeScript)，并希望为所有测试套件配置一些全局设置(初始化测试数据库)。
我发现jest配置中有globalSetup选项：
"jest": {
"globalSetup": "./jest-config.js"
}
但是只有.js文件可以用于设置。我想使用.ts文件，因为我的所有代码，包括在TypeScript中安装的代码。
我如何才能做到这一点？
浏览 1提问于2018-01-18得票数 38
回答已采纳
创建一个，API服务器，但是当我运行命令npm时，我会出错。我的节点版本是v16.17.1，npm版本是8.19.2。
╰─ npx create-mf-app ─╯
? Pick the name of your app: server
? Project Type: API Server
? Port number: 8080
? Template: nestjs-auth
Your 'server
浏览 32提问于2022-10-11得票数 -1
我试图在vite+vue3+typescript项目中使用jest。不幸的是，“无法找到模块”ts- jest /dist/config/config-set‘消息继续失败。
文件ts-jest/dist/config/config-set‘在我的nodeModules中不存在，但我不知道如何安装它。这将是解决这个问题的最简单的方法，我希望。
下面是我的package.json配置：
"dependencies": {
"@types/jest": "^29.1.0",
"@vue/composition-api"
浏览 3提问于2022-09-29得票数 0
3回答
我将按照这个示例为typescript项目设置一些基本的单元测试：https://dev.to/muhajirdev/unit-testing-with-typescript-and-jest-2gln 我有一个导出isInternalLink函数的main.ts 和一个试图测试它的main.spec.ts 但我得到以下错误： C:\data\devel\apps\tmp\jest-typescript\src\main.spec.ts:1
({"Object.<anonymous>":function(module,exports,require,__dirna
浏览 28提问于2019-09-08得票数 4
尝试在NX (类型记录/角)中使用jsdom和Jest，我就会遇到TextEncoder和TextDecoder不存在的问题。无论我将jest testEnvironment设置为'jsdom'还是'node'，以及节点的版本为10到16，结果都是一样的)
因此，按照其他人发布的解决方案(谢谢！)，我从节点导入了test-setup.ts中的解决方案，并将它们设置在节点全局对象上：
import 'jest-preset-angular/setup-jest'
import { TextEncoder, TextDecoder } from &#
浏览 37提问于2022-01-21得票数 4
1回答
我试着把dotenv和jest一起使用，然后马上就会出错。
一个测试文件，tests/authenticationt.test.ts只包含
require('dotenv').configure();
足以导致此错误(不管是否存在测试，它都会抛出此错误)：
PS C:\Users\rj\code\BGA.ts> npm run test
Debugger attached.
> @ test C:\Users\rj\code\BGA.ts
> jest
Debugger attached.
FAIL tests/authentication.test.
浏览 27提问于2021-06-16得票数 0
回答已采纳
我跑了。同时使用Next.js。
npm run dev
(next dev)
得到这个错误。
ReferenceError: navigator is not defined
at getChromeVersion (D:\zummon\page\node_modules\jest-worker\node_modules\supports-color\browser.js:5:68)
at Object.<anonymous> (D:\zummon\page\node_modules\jest-worker\node_modules\supports-color\
浏览 0提问于2021-06-18得票数 2
回答已采纳
我有一个类型记录文件的ejs模板，我需要用#jest编写一个带有#jest的单元测试来验证我的模板使用# typescript -eslint呈现的类型记录输出(不是tslint，因为它很快就会被废弃：)
因此，我需要在我的spec文件中要求类型转录-eslint模块，并通过以下代码运行已呈现的ejs的验证：
it('should be valid typescript file', () => {
return ejs.renderFile('my-ejs-template.ts.ejs', {}).then(async (view) =
浏览 0提问于2019-06-01得票数 1
回答已采纳
我正在构建一个react原生应用程序，世博会客户端上的事情运行良好。但在闪屏之后，我在日志中看到：‘未捕获错误:调用AppRegistry.runApplication时出错’。
我已经添加了AppRegistry.registerComponent('main'，()=>应用程序)，这是通过世博会客户端工作的。我是通过expo build:android创建SDK的。
{
"main": "App.js",
"scripts": {
"start": "expo start"
浏览 3提问于2019-03-30得票数 1
我的Jest测试是在react原生上运行的，但当我检查Typescript linter时，我得到了这个错误：
error TS2339: Property 'store' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<Component<{}, ComponentState>> & Readonly<{ childr...'.
顺便说一下，我正在做react-native。
这是抛出错误的笑话行：const home =
浏览 0提问于2017-08-07得票数 1
我非常困惑如何设置配置文件，以及我应该使用哪些配置/插件。
我有一个反应项目，使用类型记录，小丑和反应钩。
我知道我需要安装：
eslint
prettier，eslint-config-prettier，eslint-plugin-prettier
eslint-plugin-import
至于Airbnb配置，我不确定是否需要安装：
eslint-config-airbnb，eslint-plugin-react，eslint-plugin-jsx-a11y或
eslint-config-airbnb-base
这两种支持类型似乎都不像，所以我似乎也需要
浏览 1提问于2019-06-20得票数 4
回答已采纳
我在我的react项目中使用Semantic-UI。它工作得很好。但有时在使用Jest进行单元测试时会显示错误。 这是错误消息 console.error node_modules/semantic-ui-react/dist/commonjs/lib/debug.js:25
Semantic-UI-React could not enable debug.
console.error node_modules/semantic-ui-react/dist/commonjs/lib/debug.js:26
TypeError: Cannot read prop
浏览 12提问于2019-03-09得票数 1
3回答
我已经通过npx创建反应应用程序类型记录创建了应用程序。
由于babel抛出错误，我想使用一些带有名称空间的自动生成代码。
我试过的是：
取消了这个项目
更新babel/core至7.7
安装和配置
{
"name": "frontend2",
"version": "0.1.0",
"private": true,
"dependencies": {
"@babel/core": "
浏览 5提问于2019-11-09得票数 8
3回答
节点找不到模块类型记录
、、、、
我在AWS上部署了一个脚本应用程序。当我运行app容器时，我会得到一个ts节点错误Error: Cannot find module 'typescript'，这对我来说并不清楚，因为typescript被定义为devDependency。这些是我的package.json依赖项
{
"name": "app-server",
"version": "0.0.0",
"description": "description",
"author": "Ma
浏览 0提问于2019-02-26得票数 11
我用的是Vue 3，Vite和TypeScript。我想尝试用TypeScript构建Vue项目。到目前为止，配置非常困难。我一直在看各种文件，但我正在努力实现我的目标。如果代码有问题，项目不应该构建和抛出错误。
我正在附上下面的代码，我想寻求帮助。
App.vue
<template>
<header>
<h1>The Learning Resources App</h1>
</header>
</template>
<script lang="ts">
import { d
浏览 25提问于2022-06-08得票数 3
我正在做两种不同的回复，lib和apps。
lib有一些用制作的反应组件，我想在apps中使用，这是用汇总构建的。
apps是一个Lerna，带有一个Next.js应用程序，它将lib作为依赖项导入以使用其组件，该组件可以用自定义主题在中自定义包装。
但是，这不起作用，因为存在MUI / ThemeProvider的重复实例，我可以通过将其添加到lib的入口点来验证这一点：
if (process.browser) {
(window as any)._React = React;
(window as any)._ThemeProvider = ThemePr
浏览 11提问于2022-01-14得票数 3
我在一个使用Jest进行测试的Typescript项目中使用VS Code。出于某些原因，VS Code认为Jest全局变量不可用：
我在我的dev依赖项中安装了Jest typedefs。
"devDependencies": {
// ...truncated
"@types/jest": "^20",
"jest": "^20.0.4",
"ts-jest": "^20.0.7",
"ts-node": "
浏览 130提问于2018-04-01得票数 4
回答已采纳
尝试测试以确保类型化变量只能赋值给某些值。如果分配了无效值，有没有办法使用jest抛出错误，而不需要typescript阻止测试运行并在测试运行前抛出错误？
In class constructor:
defaultValue: string | null
In test:
expect(() => instance.defaultValue = 100).toThrow()
我希望测试应该运行，并确认这确实抛出了一个错误，但在测试运行之前抛出了错误，阻止了所有测试的运行。
浏览 1提问于2018-12-21得票数 0
运行以下测试文件时出现以下错误： // TestComp.test.tsx
import React from "react";
import { TextInput, View } from "react-native";
import { render, fireEvent } from "@testing-library/react-native";
const TestComp = () => {
return (
<View>
<TextInput testID="test-
浏览 12提问于2020-12-26得票数 4
回答已采纳
我使用TypeScript和Jest编写单元测试。当我试图运行它们时，我收到以下错误消息：
Test suite failed to run
Jest encountered an unexpected token
Jest failed to parse a file. This happens e.g. when your code or its dependencies use non-standard JavaScript syntax, or when Jest is not configured to support such syntax.
SyntaxErro
浏览 2提问于2022-10-24得票数 0
我已经使用lerna import <PATH_OF_PROJECT>命令将两个现有项目导入monorepo。
每个项目都有一个package.json文件，它们有一些常见的devDependencies
packages/redux-saga-examples/package.json
"devDependencies": {
"@testing-library/react": "^12.0.0",
"@types/jest": "^26.0.24",
"@types/redux-
浏览 0提问于2021-09-13得票数 1
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
