Ember mirage 仅在特定情况下引入延迟

Question

为了在我的前端测试一些超时情况，我想在 mirage 中引入人为延迟，同时仅响应某些特定请求并立即响应所有其他情况。

我正在写这样的幻影场景

export default function () {
    this.post('/ebm-anp/api/v1/json/sessions', (schema, request) => {
  const req = JSON.parse(request.requestBody);
    if ((req.card.value === '12345678' || req.card.value === '12345678-encrypted-value') && req.password === 'abc') {
            return new Response(200, {'X-Auth-Token': '2704412f-7820-4431-86c1-1234567800'}, successResponse);
    }else if (..){

    }
  }
}  

在这篇文章中，Introduce momentary delays in ember-cli-mirage Sam 建议使用 {timing: 400};使用 call ，在我的示例中使用时，如下所示。

export default function () {
    this.post('/ebm-anp/api/v1/json/sessions', (schema, request) => {
  const req = JSON.parse(request.requestBody);
    if ((req.card.value === '12345678' || req.card.value === '12345678-encrypted-value') && req.password === 'abc') {
            return new Response(200, {'X-Auth-Token': '2704412f-7820-4431-86c1-1234567800'}, successResponse);
    }else if (..){

    }
  },{timing: 400};
} 

这基本上引入了对到达此端点的所有测试用例的调用延迟 - 这 不 符合我的目的。

有没有什么办法可以重构我的 Mirage 设置，以便我可以设置 定时（延迟）配置仅适用于某些情况，而其他情况则保持正常。

Answer 1

如果您只想在单个测试中引入延迟，您可以随时覆盖测试中的路由处理程序，包括传入计时选项：

test('I see a loading spinner when the sessions endpoint is slow', function(assert) {
  server.post('/ebm-anp/api/v1/json/sessions', (schema, request) => {
    const req = JSON.parse(request.requestBody);
    if ((req.card.value === '12345678' || req.card.value === '12345678-encrypted-value') && req.password === 'abc') {
      return new Response(200, {'X-Auth-Token': '2704412f-7820-4431-86c1-1234567800'}, successResponse);
    } else if (..) {
      //
    }
  }, { timing: 400 });

  visit('/');
  // do more things
} 

基本上，您只是为这个测试覆盖了这个特定的路线。 config 中的路由将在每次新的测试运行时重新加载，因此该路由的计时将被重置。

如果你想共享路由处理程序，这样你就不必在两个地方重新定义整个东西，只需将它放在一个合理的文件中

// mirage/route-handlers/sessions.js
export default (schema, request) => {
  const req = JSON.parse(request.requestBody);
  if ((req.card.value === '12345678' || req.card.value === '12345678-encrypted-value') && req.password === 'abc') {
    return new Response(200, {'X-Auth-Token': '2704412f-7820-4431-86c1-1234567800'}, successResponse);
  } else if (..) {
    //
  }
});

然后像这样导入它

import sessionsRouteHandler from 'my-app/mirage/route-handlers/sessions';

并像使用它一样

// mirage/config.js
this.post('/ebm-anp/api/v1/json/session', sessionsRouteHandler);

// your-test.js
test('I see a loading spinner when the sessions endpoint is slow', function(assert) {
  session
  server.post('/ebm-anp/api/v1/json/sessions', sessionsRouteHandler, { timing: 400 });

  visit('/');
  // do more things
}