问题标签 [miragejs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
54 浏览

javascript - 在 miragejs 中为嵌入式模型运行多个序列化程序

我正在使用reactjs并正在使用miragejs来模拟后端。我有两个模型,用户和事件。每个用户hasMany事件和每个事件都是ownedBy一个用户。我正在使用工厂来模拟仅给事件一个开始时间的事件。由于开始时间是随机的,我无法在工厂中生成结束时间,所以我在事件序列化时这样做。如您所见,在序列化程序部分,我检查该end属性是否存在。如果没有,那么我end向它添加一个属性。但是,当我运行时,schema.users.all()users调用序列化程序而不是嵌入event对象。是否可以配置 mirage 以便两个序列化程序都运行?我查看了序列化程序的 miragejs 文档它说的是序列化程序功能

返回一个普通的 JavaScript 对象或数组,Mirage 将其用作应用程序 XHR 请求的响应数据。

这是否意味着只有一个序列化程序可以运行,并且该序列化程序是顶级或父模型。在这种情况下user呢?

事件工厂

序列化器

0 投票
1 回答
48 浏览

stenciljs - 如何在 StencilJS 中启动应用程序之前调用 mirage 服务器

我正在做一个StencilJS项目,我必须用它MirageJS来制作虚假的 API 数据。

如何在 StencilJS 应用程序加载之前调用服务器。在 react 中,我们可以在 index.ts 文件中调用makeServer(),但是在模板中,我们没有这样的文件。

我们如何调用它来启动海市蜃楼服务器,请有人建议正确的方法。

下面是我的 server.ts 文件 mirage/server.ts

0 投票
0 回答
121 浏览

javascript - 使用 Detox 和 React-Native 在端到端测试中模拟 API

在使用 Detox 进行端到端测试时,是否有人能够在 React-Native 中模拟 API。

我尝试使用 MirageJs。在使用 MirageJs 创建服务器并在 App.js 上对其进行初始化后,我可以模拟 API。以正常“react-native run-ios”运行应用程序时成功模拟请求

但是,在运行 e2e.js 文件时,API 请求不会被模拟。在测试文件中,我包含以下内容

并且服务器似乎已创建。但是 API 没有被嘲笑。

很高兴听到任何能够使用 MirageJS 或其他方法在排毒测试中模拟 API 的人

0 投票
0 回答
45 浏览

graphql - Graphql 加载状态停留在 true

我正在为我的本地环境设置一个模拟服务器。我可以用数据为服务器播种,但是当我查询我的模拟服务器时,Graphql 请求陷入了加载状态。

我首先使用 mirage 创建模拟服务器 server.js

我在我的 App.js 文件中启动这个服务器

最后我尝试在我的组件中查询服务器。

当我调出加载状态时,它总是正确的,我永远不会收到数据。

0 投票
0 回答
18 浏览

cookies - MirageJs:读取请求对象内的 cookie

我的情况是,客户端通过存储在 cookie 中的 JSESSIONID 进行身份验证,并在任何请求的标头中发送。

是否可以从请求对象中读取该 cookie?

我尝试过使用request.requestHeaders,但那里没有 cookie。

我知道我可能会以document.cookie某种方式读取 cookie,但我实际上并没有以这种方式测试请求。

0 投票
0 回答
270 浏览

typescript - TypeScript、Vue 和 MirageJS:TS 编译错误的问题

问题:我需要在 TypeScript Web 应用程序中使用 Vue 和 MirageJS,而在该 Web 应用程序中,我收到 TS 编译错误。

编码:

错误:

我的猜测是存在一种命名空间冲突,因此 Mirage 中的 Model 对象被我在其他地方的 Model 定义所掩盖。我该如何解决这个问题?在我大部分职业生涯中度过的 C# 世界中,修复它很容易。但我找不到 TS 世界的答案。有任何想法吗?

更新 0:我在 JS 项目中运行的一些测试代码很好。所以我尝试将文件更改为 JS 文件,但它仍然无法运行。我从 tsconfig.json 中排除了 JS——仍然没有乐趣。在撰写本文时,我仍在寻找答案。

0 投票
1 回答
204 浏览

http-status-code-500 - 如何故意让所有 Mirage JS 请求返回 500?

尝试制作 MULTIPLE 模拟服务响应 500 以测试任何建议?

0 投票
2 回答
661 浏览

reactjs - MirageJs:如果我通过直通调用 api,则无法使用 axios

我有一个应用程序与切片和重击作出反应。我使用@reduxjs/toolkit,并使用“createSlice”api 创建了切片,并使用“createAsyncThunk”创建了 thunk。

我的想法:

在我的应用程序中,在我的真实服务器上运行带有模拟 api 和“直通”的 mirage 服务器。

当我发送“loginThunk”thunk 时,它会在我的减速器中运行“loginThunk.pending”案例并停止。

永远不会实现或拒绝。

如果我在没有运行 mirage 服务器的情况下发送“loginThunk”thunk,它就可以工作。

如果我在没有运行 mirage 服务器的情况下发送“loginThunk”thunk,但我使用“fetch”而不是 axios,它就可以工作。

似乎是 axios 和 mirageJs passthrough 之间的问题。

有任何想法吗??

太感谢了

0 投票
0 回答
79 浏览

javascript - Mirage JS 向响应中添加分页数据

我在通过 mirage JS 模拟后端时遇到问题。如何在 creatList 之后将分页数据添加到响应中?

我的服务器 js 返回 JSON https://miragejs.com/repl/v2/6563736c78

我要回应

有人可以帮我吗?

0 投票
1 回答
22 浏览

reactjs - 序列化 MirageJS 响应以适合 EF Core API 类型 List<>

我正在尝试使用 Mirage 模拟我的 EF Core API,但无法弄清楚如何序列化我的输出。前端期待类似的东西:

[{id:1, name:"name1", weight: 150}, {id:2, name:"name2", weight: 140}]

但幻影正在返回类似的东西:

数据:{[{id:1, name:"name1", weight: 150}, {id:2, name:"name2", weight: 140}]}

我可以在路由处理程序中显式返回硬编码的数组并且它可以工作,但我希望能够使用工厂、模型和序列化器来实现这一点。我错过了什么?谢谢!