标签: ts-jest

你好，我正在使用 esm 和 jest 运行 typescript，但 middy 遇到问题：

我做了这个测试：

import { APIGatewayEvent, Context } from \'aws-lambda\';\nimport { lambda } from \'../index.js\';\n\ndescribe(\'get-by-id handler\', () => {\n  test(\'Should not find id\', async () => {\n    const x = jest.fn();\n    x();\n    expect(x).toHaveBeenCalled();\n  });\n});\n

它与我在下面提供的配置和npm run test命令配合得很好。\n但是当我将其更改为如下所示时：

import { APIGatewayEvent, Context } from \'aws-lambda\';\nimport { lambda } from \'../index.js\';\n\ndescribe(\'get-by-id handler\', () => {\n  test(\'Should not find id\', async () => {\n    const res = await lambda({\n    pathParameters: { …

假设我有一个结构如下的类：

// Some class that calls super.get() and adds an additional param
export default class ClassB extends ClassA {
   private foo: string;

   constructor(params) {
      super(params);
      this.foo = 'bar';
   }

   public async get(params?: { [key: string]: any }): Promise<any> {
      return super.get({
         foo: this.foo,
         ...params,
      });
   }
}

我想测试是否使用提供的参数以及附加的{ foo: 'bar' }调用 super.get() 。

import ClassA from '../../src/ClassA';
import ClassB from '../../src/ClassB';

jest.mock('../../src/ClassA');
jest.unmock('../../src/ClassB');

describe('ClassB', () => {
   describe('get', () => {
      beforeAll(() => {
        // I've tried mock …

这有点令人震惊，但我一直试图找到一个简单的例子来说明如何使用 jest 和 typescript 测试一个愚蠢的 react 组件，但我无法成功。我看过：https : //basarat.gitbooks.io/typescript/content/docs/testing/jest.html How to use react-test-renderer/shallow with typescript? 如何在 Jest 单元测试中查看渲染的 React 组件是什么样的？

什么都行不通。大多数时候我得到

Test suite failed to run
'App' refers to a value, but is being used as a type here.

我是新来的反应和开玩笑。我试过反应测试渲染器和酶。在这个阶段我也不介意，最不可知的可能会很棒。

我有什么：这是我的 package.json

{
    "name": "web",
    "version": "1.0.0",
    "description": "mySample",
    "main": "index.js",
    "scripts": {
        "build-dev": "webpack --watch",
        "build": "webpack",
        "start-dev": "nodemon build/server.js",
        "start": "node build/server.js",
        "test": "jest"
    },
    "dependencies": {
        "express": "^4.17.1",
        "react": "^16.8.6",
        "react-dom": "^16.8.6"
    },
    "devDependencies": {
        "@types/enzyme": …

我尝试模拟uuid/v4来自 npm的模块。为此，我按照 jest 的建议创建了一个模拟文件夹：https : //jestjs.io/docs/en/manual-mocks

我的文件夹结构：

???__mocks__ 
|  ???uuid
|       ???v4.ts
???src
?   ???__tests__
?   ??? ...
???node_modules

模拟节点模块文件v4.ts：

module.exports = jest.fn();

当我尝试在我的测试文件中导入 uuid/v4 时，jest 通常应该导入模拟并且我应该能够使用它。

这是我的测试文件：

import uuidv4 from 'uuid/v4';

it('should create a job', () => {
    const jobId = 'fake-job-id';
    uuidv4.mockReturnValue(jobId); 
    ...
}

不幸的是，模拟导入似乎不起作用，因为我无法添加mockReturnValuejest 提供的内容，并且出现以下打字稿错误： property 'mockReturnValue' does not exist on type v4. ts(2339)

你知道我该如何解决吗？提前致谢。

我正在按照此示例为打字稿项目设置一些基本单元测试：https : //dev.to/muhajirdev/unit-testing-with-typescript-and-jest-2gln

我有一个main.ts导出isInternalLink功能

和一个main.spec.ts试图测试它的

但我收到以下错误：

C:\data\devel\apps\tmp\jest-typescript\src\main.spec.ts:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import { isInternalLink } from './main.js';
SyntaxError: Unexpected token {
  at ScriptTransformer._transformAndBuildScript (node_modules/@jest/transform/build/ScriptTransformer.js:537:17)

这是带有完整示例的公共存储库：https : //gitlab.com/opensas/jest-typescript

任何人都可以指出我正确的方向，或提供一个有效的例子吗？

我正在调用 nestjs 服务中的 API，如下所示，

import { HttpService, Post } from '@nestjs/common';

export class MyService {

constructor(private httpClient: HttpService) {}

public myMethod(input: any) {
    return this.httpClient
      .post<any>(
        this.someUrl,
        this.createObject(input.code),
        { headers: this.createHeader() },
      )
      .pipe(map(response => response.data));
  }
}

我怎样才能嘲笑/窥探 this.httpClient.post() 的调用以开玩笑返回响应而不点击实际的 API？

describe('myMethod', () => {
    it('should return the value', async () => {
      const input = {
        code: 'value',
      };
      const result = ['test'];

      // spyOn?

      expect(await myService.myMethod(input)).toBe(result);
  });
});

我希望我的打字稿测试在test文件夹与src. 我不希望在构建打字稿项目时转换测试。

我的打字稿节点项目的结构如下：

.    
??? server
?   ? 
?   ?    
?   ??? src
?   ?   ?
?   ?   ??? app.ts
?   ??? test
?   ?   ?
?   ?   ??? app.test.ts
?   ??? node_modules/
?   ??? package-lock.json
?   ??? package.json
?   ??? tslint.json
?   ??? tsconfig.json
??? front_end/
??? README.md

使用我的 tsconfig：

{
  "compilerOptions": {
    "baseUrl": ".",
    "module": "commonjs",
    "moduleResolution": "node",
    "outDir": "dist",
    "sourceMap": true,
    "strict": true,
    "target": "ESNext",
    "paths": {
      "*": ["node_modules/*"]
    }
  },
  "include": ["src/**/*"] …

我对笑话和酶很陌生。在我的项目中，我将使用基于 SPA React 的应用程序。包含数据的上下文提供程序，还有几个钩子。我现在使用 Jest（带有 ts-jest 和酶）

我的 jest.config 看起来像这样

module.exports = {\n  "roots": [\n    "<rootDir>/src"\n  ],\n  "transform": {\n    "^.+\\\\.tsx?$": "ts-jest"\n  },\n  "testRegex": "(/__tests__/.*|(\\\\.|/)(test|spec))\\\\.tsx?$",\n  "moduleFileExtensions": [\n    "ts",\n    "tsx",\n    "js",\n    "jsx",\n    "json",\n    "node"\n  ],\n  "snapshotSerializers": ["enzyme-to-json/serializer"]\n

所以我的第一步是测试 UI 组件是否有效。\n下一步是使用模拟数据测试组件。但我得到了底部描述的错误。

我有一个像这样的功能组件：

export default function CurrentWeather(props: ICurrentWeatherProps) {\n    const [data, Reload] = useCurrentWeather(props.locationID);\n    return (<div>......</div>)\n}\n\n

您会注意到这个useCurrentWeather钩子，这是其代码：

import { useEffect, useState } from 'react';\nimport { useLocationState } from '../context/locationContext';\nimport { ILocationData } from './useLocations';\nimport _ …