Ts-mock-generator NPM

✨ Features

📦 Mock generation tool out of the box
😛 Define the return value through the interface Interface automatically generates mock data
📄 Support generating mock files for secondary editing
🔥 Support file change monitoring (generated mock files, interface and request files)

📦 Installation

yarn add -D ts-mock-generator

npm install ts-mock-generator --save-dev

🔨 Example

import { MockDataResolver } from 'ts-mock-generator';

const resolver = new MockDataResolver({
  basePath: path.join(process.cwd(), 'src', 'apis'),
  configPath: path.join(process.cwd(), 'tsconfig.json'),
  mockDir: path.join(process.cwd(), 'src', 'mock'),
  includes: [/^.*Service/],
});

// Obtain mock data
resolver.getOrGenerateData();

resolver.watchMockFile(() => {
  // When mock.json changes, callback will be triggered
});

resolver.watchRequestFile(() => {
  // When interface and service change, callback will be triggered
});

Note: If you need to use a plug-in to generate mock data, please meet the following two requirements:

GET or POST accepts a generic return value, the first parameter of the method is url
GET or POST calls a general request method, the second parameter of the general request method is the general backend return body type

Such as:

class Request {
  get<T>(url: string, opts?: Record<string, any>) {
    return this.fetch<T>({
      method: 'get',
      url: `${url}?_t=${Date.now()}`,
      ...opts,
    });
  }

  post<T>(url: string, opts?: Record<string, any>) {
    return this.fetch<T>({
      method: 'post',
      url,
      ...opts,
    });
  }

  fetch<T, R = ResponseData<T>>(opts: Record<string, any>) {
    return new Promise<T>((resolve) => {
      resolve({} as T);
    });
  }
}

export default new Request();