如何抽象 MockAdapter 和 axios mock API 返回值

ywang04
  • 4
新手上路,请多包涵

我在storybook里使用MockAdapter和axios模拟API返回值。我有两个方法分别模拟default account details和account details.唯一不同的是不同的account id (1902124261/1902124221). 我需要两个storybook展示这两个不同accounts, 请问如何能抽象出这些mock api 而不是重复写一些代码?因为i除了accout id我还有其它参数也有类似的问题。谢谢

export const defaultAccountMockAPI = () => {
  const mock = new MockAdapter(axiosInstance);

  const defaultAccountDetails = objectKnob('Default Account Details', DefaultAccountDetails);
  mock
    .onGet(
      '/services/api/account/1902124261/account-details',
    )
    .reply(() => {
      return [200, defaultAccountDetails];
    });
};

export const accoutMockAPI = () => {
  const mock = new MockAdapter(axiosInstance);

  const accountDetails = objectKnob('Account Details', AccountDetails);
  mock
    .onGet(
      '/services/api/account/1902124221/account-details',
    )
    .reply(() => {
      return [200, accountDetails];
    });
};
回复
阅读 437
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏