টাইপস্ক্রিপ্ট সহ ঠাট্টায় মক নির্ভরতা

Question 1

কোনও মডিউল পরীক্ষা করতে যখন কোনও আলাদা ফাইলে নির্ভরতা রয়েছে। টাইপস্ক্রিপ্ট হিসাবে সেই মডিউলটি নির্ধারণের সময় jest.Mockএকটি ত্রুটি দেয় যে পদ্ধতিটি mockReturnThisOnce(বা অন্য কোনও ঠাট্টা। মক পদ্ধতি) নির্ভরতার উপর বিদ্যমান নেই, কারণ এটি আগে টাইপ করা হয়েছিল। Jest.Mock থেকে প্রকারের উত্তরাধিকারী হওয়ার জন্য টাইপস্ক্রিপ্ট পাওয়ার উপযুক্ত উপায় কী?

এখানে একটি দ্রুত উদাহরণ।

নির্ভরতা

const myDep = (name: string) => name;
export default myDep;

test.ts

import * as dep from '../depenendency';
jest.mock('../dependency');

it('should do what I need', () => {
  //this throws ts error
  // Property mockReturnValueOnce does not exist on type (name: string)....
  dep.default.mockReturnValueOnce('return')
}

আমি মনে করি এটি খুব সাধারণ ব্যবহারের ক্ষেত্রে এবং সঠিকভাবে এটি কীভাবে টাইপ করা যায় তা নিশ্চিত নয়। কোন সাহায্যের অনেক প্রশংসা হবে!

Question 2

আপনি টাইপ কাস্টিং ব্যবহার করতে পারেন এবং আপনার test.tsদেখতে এটির মতো হওয়া উচিত:

import * as dep from '../dependency';
jest.mock('../dependency');

const mockedDependency = <jest.Mock<typeof dep.default>>dep.default;

it('should do what I need', () => {
  //this throws ts error
  // Property mockReturnValueOnce does not exist on type (name: string)....
  mockedDependency.mockReturnValueOnce('return');
});

টিএস ট্রান্সপোর্টার সচেতন নয় যে jest.mock('../dependency');প্রকারের পরিবর্তনের depফলে আপনাকে টাইপ কাস্টিং ব্যবহার করতে হবে। যেমন আমদানি depকোনও ধরণের সংজ্ঞা নয় তবে আপনাকে এর ধরণটি পেতে হবে typeof dep.default।

জেস্ট এবং টিএস এর সাথে আমার কাজের সময় আমি খুঁজে পেয়েছি এমন আরও কিছু দরকারী নিদর্শন এখানে রয়েছে

যখন আমদানি করা উপাদানটি একটি শ্রেণি হয় তবে আপনাকে টাইপফোন ব্যবহার করতে হবে না উদাহরণস্বরূপ:

import { SomeClass } from './SomeClass';

jest.mock('./SomeClass');

const mockedClass = <jest.Mock<SomeClass>>SomeClass;

আপনি যখন কিছু নোড নেটিভ মডিউলগুলি উপহাস করতে হবে তখন এই সমাধানটিও কার্যকর is

import { existsSync } from 'fs';

jest.mock('fs');

const mockedExistsSync = <jest.Mock<typeof existsSync>>existsSync;

আপনি যদি জেস্ট স্বয়ংক্রিয় মক ব্যবহার করতে না চান এবং ম্যানুয়াল তৈরি করতে পছন্দ করেন না সে ক্ষেত্রে

import TestedClass from './TestedClass';
import TestedClassDependency from './TestedClassDependency';

const testedClassDependencyMock = jest.fn<TestedClassDependency>(() => ({
  // implementation
}));

it('Should throw an error when calling playSomethingCool', () => {
  const testedClass = new TestedClass(testedClassDependencyMock());
});

testedClassDependencyMock()বিদ্রূপযুক্ত বস্তুর উদাহরণটি TestedClassDependencyশ্রেণি বা প্রকার বা ইন্টারফেস হতে পারে creates

Question 3

এখানে বর্ণিত মত mockedথেকে সহায়কটি ব্যবহার করুনts-jest

// foo.spec.ts
import { mocked } from 'ts-jest/utils'
import { foo } from './foo'
jest.mock('./foo')

// here the whole foo var is mocked deeply
const mockedFoo = mocked(foo, true)

test('deep', () => {
  // there will be no TS error here, and you'll have completion in modern IDEs
  mockedFoo.a.b.c.hello('me')
  // same here
  expect(mockedFoo.a.b.c.hello.mock.calls).toHaveLength(1)
})

test('direct', () => {
  foo.name()
  // here only foo.name is mocked (or its methods if it's an object)
  expect(mocked(foo.name).mock.calls).toHaveLength(1)
})

এবং যদি

তুমি ব্যাবহার কর tslint
ts-jest আপনার দেব-নির্ভরতা মধ্যে আছে,

এই নিয়মটি আপনার যুক্ত করুন tslint.json:"no-implicit-dependencies": [true, "dev"]

Question 4

আমি @ প্রকারের / জেস্ট / ইনডেক্স.ডেটস থেকে প্যাটার্নটি মক্কের জন্য টাইপ ডিফের ঠিক উপরে (515 লাইন) ব্যবহার করি:

import { Api } from "../api";
jest.mock("../api");

const myApi: jest.Mocked<Api> = new Api() as any;
myApi.myApiMethod.mockImplementation(() => "test");

Question 5

দুটি সমাধান রয়েছে, উভয়ই পছন্দসই ফাংশন castালাই করছেন

1) jest.MockFunction ব্যবহার করুন

import * as dep from './dependency';

jest.mock('./dependency');

const mockMyFunction = dep.myFunction as jest.MockedFunction<typeof dep.myFunction>;

2) jest.Mock ব্যবহার করুন

import * as dep from './dependency';

jest.mock('./dependency');

const mockMyFunction = dep.default as jest.Mock;

এই দুটি সমাধানের মধ্যে কোনও পার্থক্য নেই। দ্বিতীয়টি সংক্ষিপ্ত এবং আমি তাই এটি ব্যবহার করার পরামর্শ দেব।

উভয় ingালাই সমাধানগুলি যেকোন জাস্ট মক ফাংশনটিকে mockMyFunctionলাইক mockReturnValueবা https://jestjs.io/docs/en/mock-function-api.html এ কল করতে দেয়mockResolvedValue

mockMyFunction.mockReturnValue('value');

mockMyFunction প্রত্যাশার জন্য সাধারণত ব্যবহার করা যেতে পারে

expect(mockMyFunction).toHaveBeenCalledTimes(1);

Question 6

কাস্ট `as jest.Mock`

jest.Mockকৌশলটি করা উচিত কেবল ফাংশনটি castালাই:

(dep.default as jest.Mock).mockReturnValueOnce('return')

Question 7

Jest@24.8.0 এবং ts-jest@24.0.2 দিয়ে আমি যা করেছি তা এখানে :

সূত্র:

class OAuth {

  static isLogIn() {
    // return true/false;
  }

  static getOAuthService() {
    // ...
  }
}

পরীক্ষা:

import { OAuth } from '../src/to/the/OAuth'

jest.mock('../src/utils/OAuth', () => ({
  OAuth: class {
    public static getOAuthService() {
      return {
        getAuthorizationUrl() {
          return '';
        }
      };
    }
  }
}));

describe('createMeeting', () => {
  test('should call conferenceLoginBuild when not login', () => {
    OAuth.isLogIn = jest.fn().mockImplementationOnce(() => {
      return false;
    });

    // Other tests
  });
});

এটি কোনও ডিফল্ট শ্রেণিকে উপহাস করার জন্য এবং এটি স্থিতিশীল পদ্ধতিগুলি:

jest.mock('../src/to/the/OAuth', () => ({
  OAuth: class {
    public static getOAuthService() {
      return {
        getAuthorizationUrl() {
          return '';
        }
      };
    }
  }
}));

এখানে আপনার শ্রেণীর ধরণ থেকে কিছু জাতীয় রূপান্তর হওয়া উচিত jest.MockedClass। তবে এটি সর্বদা ত্রুটিগুলি দিয়ে শেষ হয়। সুতরাং আমি এটি সরাসরি ব্যবহার করেছি, এবং এটি কাজ করেছে।

test('Some test', () => {
  OAuth.isLogIn = jest.fn().mockImplementationOnce(() => {
    return false;
  });
});

তবে এটি যদি কোনও ফাংশন হয় তবে আপনি এটি উপহাস করতে পারেন এবং কথোপকথনটি করতে পারেন।

jest.mock('../src/to/the/Conference', () => ({
  conferenceSuccessDataBuild: jest.fn(),
  conferenceLoginBuild: jest.fn()
}));
const mockedConferenceLoginBuild = conferenceLoginBuild as 
jest.MockedFunction<
  typeof conferenceLoginBuild
>;
const mockedConferenceSuccessDataBuild = conferenceSuccessDataBuild as 
jest.MockedFunction<
  typeof conferenceSuccessDataBuild
>;

Question 8

আমি এটি খুঁজে পেয়েছি @types/jest:

/**
  * Wrap a function with mock definitions
  *
  * @example
  *
  *  import { myFunction } from "./library";
  *  jest.mock("./library");
  *
  *  const mockMyFunction = myFunction as jest.MockedFunction<typeof myFunction>;
  *  expect(mockMyFunction.mock.calls[0][0]).toBe(42);
*/

দ্রষ্টব্য: আপনি যখন করেন const mockMyFunction = myFunctionএবং এরপরে এমন mockFunction.mockReturnValue('foo')কোনও কিছু ঘটে তখন আপনিও একটি পরিবর্তনশীল myFunction।

সূত্র: https://github.com/DefinitelyTypeed/DefinitelyTypeed/blob/master/tyype/jest/index.d.ts#L1089

Question 9

একটি সাম্প্রতিক গ্রন্থাগারটি ব্যাবেল প্লাগইন দিয়ে এই সমস্যাটি সমাধান করে: https://github.com/userlike/joke

উদাহরণ:

import { mock, mockSome } from 'userlike/joke';

const dep = mock(import('./dependency'));

// You can partially mock a module too, completely typesafe!
// thisIsAMock has mock related methods
// thisIsReal does not have mock related methods
const { thisIsAMock, thisIsReal } = mockSome(import('./dependency2'), () => ({ 
  thisIsAMock: jest.fn() 
}));

it('should do what I need', () => {
  dep.mockReturnValueOnce('return');
}

সচেতন থাকুন depএবং mockReturnValueOnceসম্পূর্ণ সুরক্ষিত টাইপ করুন। শীর্ষে, tsserver সচেতন যে depencencyআমদানি করা হয়েছিল এবং depতাই এতক্ষণে tsserver যে সমস্ত স্বয়ংক্রিয় রিফ্যাক্টরিং সমর্থন করে তাও কাজ করবে।

দ্রষ্টব্য: আমি গ্রন্থাগারটি রক্ষণ করি।

টাইপস্ক্রিপ্ট সহ ঠাট্টায় মক নির্ভরতা

জেস্ট এবং টিএস এর সাথে আমার কাজের সময় আমি খুঁজে পেয়েছি এমন আরও কিছু দরকারী নিদর্শন এখানে রয়েছে

কাস্ট as jest.Mock

কাস্ট `as jest.Mock`