lavyun / better-mock Goto Github PK

描述一下你期望的新特性
类似 https://github.com/marak/Faker.js/, 可以设置locale.

PS: 我叕来提 issue 了~

问题简述
根据 better-mock 的 readme.md 上描述：

100% 兼容 Mock.js。

但是根据 mockjs 的使用文档以及运行结果看来, 与 better-mock 是不相同的.

参考:

• better-mock image: http://lavyun.gitee.io/better-mock/document/random/image.html#random-image
• mockjs image: http://wll8.gitee.io/mockjs-examples/#Image

复现步骤

Mock.mock(`@image(200x100, #ff0000)`)
// => "https://iph.href.lu/200x100?bg=&fg=&text=#ff0000"

Mock.mock(`@image(200x100, #ff0000)`)
// => "http://dummyimage.com/200x100/ff0000"

期望结果
api 与 mockjs 保持一致.

Mock.mock(`@image(200x100, #ff0000)`)
// => "https://iph.href.lu/200x100?bg=ff0000"
// 或
// => "http://dummyimage.com/200x100/ff0000"

问题简述
同步函数 async function 会返回空值undifined

复现步骤
在自带的练习环境中，输入

Mock.mock('http://example.com/path/to', async ()=>{
 return await new Promise ((resolver)=>resolver('TEST'))

})

axios.get('http://example.com/path/to').then(res => {
    console.log(res.data)
})

截图

当前的版本不支持node v14 node v16的linux prebuilt。
因此要使用node-gyp，对于环境要准备python3，有点麻烦。
看了下依赖包，promise-synchronizer这个库依赖了deasync导致的

先判断真实接口是否有返回，没有的使用Mock数据，要如何实现？

• feat: Random.dataImage 优化
• feat: Random.phone 生成一个随机的手机号 Mock.js#252
• fix: Mock 无法拦截 带参数的 GET Mock.js#109
• fix: rtype 需要区分大小写 Mock.js#335

问题简述
valid(temp,data)方法，当temp方法里存在占位符，valid()一直返回通过

复现步骤
var template = {
type: "@pick(['number','datetime','string'])"
}
var data = {
type: 123
}
const rst = Mock.valid(template, data)
// rst输出 []

期望结果
type字段不符合

问题简述
使用过程中发现生成的图片不支持中文标注，如下

https://dummyimage.com/600x400/cc00cc/470047.png&text=导入图片

期望结果
建议改成 https://tool.lu/imageholder 图片生成源， 对中文更友好，如下

https://iph.href.lu/600x400?bg=cc00cc&fg=470047&text=导入图片

描述一下你期望的新特性
希望能够支持返回 promise，参考 mockjs-async

问题简述
返回 Promise 时，fetch 调用返回空对象

复现步骤
请详细介绍如何复现该问题，有利于我们定位，例如：

  Mock.mock('/api/test/async', 'get', () => {
    return new Promise((resolve) => {
      resolve({ value: 'test' });
    });
  });

const res1 = await axios.get('/api/test/async');
console.log(res1.data);// => {value:'test'}

const res2 = await (await fetch('/api/test/async')).json();
console.log(res2); // => {}

期望结果
fetch 返回正确的结果

环境
请描述一下你的代码运行环境。

• Env: 浏览器
• OS: PC
• better-mock version: 0.3.4

Could not find a declaration file for module 'better-mock/dist/mock.mp.js'. 'C:/Codes/WorkNowCodes/miniprograme/ordermeuniapp/node_modules/better-mock/dist/mock.mp.js' implicitly has an 'any' type. Try npm install @types/better-mock if it exists or add a new declaration (.d.ts) file containing declare module 'better-mock/dist/mock.mp.js';
怎么解决啊？

问题简述

含 @ 符号的 mock 数据将报错

复现步骤

https://runkit.com/embed/6hqspmnzc9ih

var Mock = require("better-mock")

Mock.mock({
  success: true,
  "data|3": [{
    data: {
      name: '@alipay/vc-component',
    }
  }]
})

报错

TypeError: Cannot read property '0' of undefined

期望结果
不报错

截图
无

环境
请描述一下你的代码运行环境。

• Env: Node.js
• better-mock version: 0.2.5

https://taro-docs.jd.com/

谢谢

不要拦截所有http请求，拦截指定的url。

描述一下你期望的新特性
希望增加对 weex stream 的支持，uniapp 编译成 app 时请求是这个模块发的

问题简述
使用umi-request，拦截后完全看不到请求....

login.js:

import Mock from 'better-mock';
const login = {
  login: () => Mock.mock(/\/api\/login\/account/, 'POST', (url) =>{
    console.log(url);
    return {
    status: 200,
    data: {
      role: 'user',
      userId: '323',
      token: 'fafaf',
      ssKey: '24234',
      userName: 'fafa',
    }
  }
})
}

index.js

import Mock from 'better-mock';
import login from './login';
Mock.setup({
  timeout: '200-600'
});
const mockList = {
  login
}

const runMock = () => {
  Object.values(mockList).forEach(function (val) {
    Object.getOwnPropertyNames(val).forEach(function (api) {
      console.log(val, api);
      val[api]();
    })
  });
}

export default runMock;

问题简述
使用axios上传文件，添加onUploadProgress会导致报错request.upload.addEventListener is not a function

您好，请教一个问题，我使用better-mock如何拦截 /api/xxx?id=3 这种类型的url， 试了下一直报404，谢谢

Request URL: http://localhost:9527/dev-api/v1/app?id=1
Request Method: GET
Status Code: 404 Not Found

问题简述
使用Random方法报错

复现步骤
看图吧

期望结果
使用Random不报错

截图
依赖：

mock配置：

引入：

调用：

报错：

不用Random就可以：

环境
请描述一下你的代码运行环境。

• Env: 浏览器，Edge 114.0.1823.41
• OS: MacOs
• better-mock version: 0.3.6

我也有fork的 想法，比如添加Mock.gen( ) 方法，丰富 imageData 的参数等

例如该Issue：nuysoft/Mock#364

添加生成后的数据类型转换规则

很多时候我们知道数据的类型, 例如使用正则可以方便的创建想要的数据格式, 但目前没有找到方便的类型转换方式。

例如: @id, @phone, /\d\d/ 类似的数据如何方便的转换为数字?

期望添加类型转换功能.

能不能在规则中去添加这个功能?
例如:

Mock.mock({data: {"age": /\d\d/}}).data.age // => "20"
// 第一个竖线表示原来的范围规则, 第二个竖线后面的字符表示类型
Mock.mock({data: {"age||number": /\d\d/}}).data.age // => 20

Mock.mock({data: {"age|3-5": /\d\d/}}).data.age // "3405820858"
Mock.mock({data: {"age|3-5|number": /\d\d/}}).data.age // 3405820858

Mock.mock({data: {"phone": `@phone`}}).data.phone // => "14927520949"
Mock.mock({data: {"phone||number": `@phone`}}).data.phone // => 14927520949

• feat: support fetch Mock.js#146、Mock.js#121、Mock.js#297、Mock.js#218、Mock.js#205、Mock.js#193、Mock.js#163
• fix: Random.image Mock.js#291
• opti: Random.dataImage 优化

问题简述
@name 和 @cname 出现的值总是一样

复现步骤

1. 访问 mockjs 示例官网 http://mockjs.com/examples.html 并打开控制台, 粘贴以下代码:

Mock.mock({
  "data|1": [
    {
      "name": "@cname",
      "title": "@name",
    }
  ]
}).data

使用 [email protected] 来运行以上代码也是一样.

期望结果

• @name 应该是英文的
• @cname 应该是中文的

截图
如果有截图，可以贴一下截图。

环境
请描述一下你的代码运行环境。

• Env: chrome 版本 86.0.4240.75（正式版本） （64 位）
• OS: win10x64
• better-mock version: [email protected]

描述一下你期望的新特性
目前只能拦截uni.request发出的请求，无法拦截uni-app著名组件库uView封装的ajax请求，希望能实现拦截uView封装的ajax。
uView的github地址 https://github.com/YanxinNet/uView
封装ajax的文件路径
uview-ui/libs/request/index.js

问题简述
应用后拦截了所有接口请求且获取不到数据，返回：
[ReferenceError: Property 'location' doesn't exist]或者[ReferenceError: Property 'location' doesn't exist]

复现步骤
1、这是我的mock,js
const Mock = require('better-mock');

const data = Mock.mock({
'list|6-10': [
() =>
Mock.mock({
course_name: '课程名称',
'course_desc|20-100': '*',
module_name: '模块',
'zsd_id|5-10': '1111',
'is_enable|1-2': true,
'degree|1-5': 1, // 难度
}),
],
});
console.log(data);

Mock.mock(/api/v4/course/catalogue/, 'post', option => {
console.log('mock---api/v4/course/catalogue请求参数', option);
return data;
});

2、这是我在根目录index.js的引用代码
// 引入mock
let mock = true;
if ((env === 'test' || env === 'dev') && mock) {
require('./mock');
}

3、这是我的接口调用（post是封装好的带naseUrl的axios请求）
function getCourseCatalogue({
user_id,
course_id,
class_id,
}: {
user_id: number;
course_id: number;
class_id: number;
}) {
return post('api/v4/course/catalogue', {user_id, course_id, class_id}, false);
}

期望有小伙伴能帮助解决~

mock可以拦截请求，模拟数据都是好的。
项目中很多时候会需要模拟文件流的情况，mock返回的是json字符串，将文件流破坏了，要是可以拦截下载的请求，模拟文件流回传会更出彩。当然，文件可以本地的某特殊文件，word，excel，test，zip，image等

我看到使用了 jimp 并且因为需要同步调用，使用了promise-synchronizer

这个会有些问题，在 worker_threads 中会导致一直pending状态，建议换回原版的node-canvas

问题简述
参考 #63 , 希望对生成的数据进行类型处理. 使用 extend 来创建一个可以转换类型的模板, 但与生成规则配合使用时, 还是会当做字符串.

复现步骤

window.Mock.Random.extend({
  to_number: data => {
    const res = Number(data)
    return isNaN(res) ? 0 : res
  },
})

value = Mock.mock({
  "a": "@to_number(2)"
})
console.log(`value`, value)
// out => 2

rule = Mock.mock({
  "a|1-5": "@to_number(2)"
})
console.log(`rule`, rule)
// out => "2222"

期望结果

rule = Mock.mock({
  "a|1-5": "@to_number(2)"
})
console.log(`rule`, rule)
// 输出 => "2222"
// 期望 => 4 , 即在 1-5 之间

环境

• Env: chrome 版本 86.0.4240.75（正式版本） （64 位）
• OS: win10x64
• better-mock version: [email protected]

VM482 WAService.js:1 Uncaught TypeError: Cannot read property 'ActiveXObject' of undefined

• Random.timestamp Mock.js#372、Mock.js#287
• 最新的省市区选择
• 版本号mock生成 Mock.js#233

问题简述
如果当前键的 key pick 是 mock 的生成函数, 则不应该出现递归引用. 否则导致循环引用而导致崩溃: Maximum call stack size exceeded .

{
  "pick": " @pick(['a', 'b'])"
}

复现步骤
点此 打开控制台粘贴以下代码:

s = Mock.mock({
  "pick": "@pick(['a', 'b'])"
})
console.log(s) // a
s = Mock.mock({
  "pick": " @pick(['a', 'b'])"
})
console.log(s) // Maximum call stack size exceeded

期望结果

s = Mock.mock({
  "pick": "@pick(['a', 'b'])"
})
console.log(s) // a
s = Mock.mock({
  "pick": " @pick(['a', 'b'])"
})
console.log(s) //  a

环境

• Env: chrome 版本 86.0.4240.75（正式版本） （64 位）
• OS: win10x64
• better-mock version: [email protected]

期望结果
这里是不是多了个 debugger 没有删除？

截图

环境
请描述一下你的代码运行环境。

• better-mock version: v0.3.0

描述一下你期望的新特性
建议在官网文档中全局添加 better-mock js, 这样方便打开浏览器进行测试。

虽然文档上提供【练习】页面, 但控制台依然是一种方便的选择.

H5/移动app 中经常要验证对emoji 表情的支持情况，希望能加入 emoji 的mock功能，例如：
Random.emoji() //😀
Random.emoji(5) //😀😁😂😃😄
Random.emoji(2, 5) //😀😁😂

Argument of type 'typeof Mock' is not assignable to parameter of type 'Plugin_2'. Property 'install' is missing in type 'typeof Mock' but required in type '{ install: PluginInstallFunction; }'.

问题简述

这是 mockjs 就存在的问题，目前我们项目也遇到了。

复现步骤
https://www.jianshu.com/p/37ded5f2fdac
https://segmentfault.com/q/1010000014704618

期望结果

我们目前在代码里面添加这一行解决了

参考这里的
https://segmentfault.com/q/1010000014704618

截图

  axios.post('/api/file/xxx', data,  { responseType: 'blob' })

环境

请描述一下你的代码运行环境。

• Env: 浏览器
• OS: PC
• better-mock version: 所有

由于 restful api 一般会复用 http 状态码作为响应代码，建议添加自定义 http status code 的功能。
例如：
使用一个类似 _status 的保留属性作为可选的自定义状态码

  Mock.mock('/api/demo', 'DELETE', (request) => {
    const items = JSON.parse(request.body ?? '[]');
    if (items.length) {
      return { code: 200, message: '删除成功', _status: 204 };
    }
    return { code: 400, message: '参数不能为空', _status: 400 };
  });

返回值读取自定义状态码并删除该属性

const result = mocked.convert(this.custom.template, this.custom.options);
this.status = result._status ?? 200;
delete result._status;

以上
谢谢

问题简述
@pick(text) 返回值是一个对象，而 @pick(text1) 返回字符串 text1 。

请求 text 有什么特殊的吗？如果特殊，如何处理？

复现步骤
点此 打开控制台粘贴以下代码:

typeof Mock.mock(`@pick(text)`) // object
typeof Mock.mock(`@pick(text1)`) // string

期望结果

typeof Mock.mock(`@pick(text)`) // string
typeof Mock.mock(`@pick(text1)`) // string

环境

• Env: chrome 版本 86.0.4240.75（正式版本） （64 位）
• OS: win10x64
• better-mock version: [email protected]

Hi, I really like this project and appreciate your contributions. And currently, I want to use it in my project. So, would you mind adding an English readMe and documents? Also, if possible, could we make the English readme and documents default?

I would try to provide the PR, at least for the readMe. Anyway, thanks very much for your efforts.

描述一下你期望的新特性
建议与mockjs 作者联系，然后在其 readme 增加 better-mock 的链接，让这个项目让更多同学看到

👍

问题简述
index.d.ts 中 “image” 函数缺少返回值的类型定义

问题截图

怎么在app中使用better-mock ，在H5中和小程序中都可以运行，app中不行，是少了什么步骤吗，还是不支持（我是用的是uniapp😁）

dist/mock.browser.js与 dist/mock.mp.js中均包含Mock.setup方法，但dist/mock.node.js中没有，这给单元测试带来了麻烦。
当执行vue-cli-service test:unit时会提示如下错误

TypeError: Mock.setup is not a function