当前位置: 首页 > 开发杂谈 >

Day 11 MSW初体验

Mocks Service Worker

先来介绍一下msw,因为我们要模拟真实的环境不可能随时都使用mock的方式模拟回传的json file,因此我们使用msw这一套library,并有以下特点.

  1. 拦截真正的network calls
  2. 并回传特定的资料

接下来安装msw罗

$ npm install msw --save-dev
# or
$ yarn add msw --dev

并建立好两个档案server 与 handlers

https://ithelp.ithome.com.tw/upload/images/20210926/20120076xFSssMUEvr.png

// handlers.ts

import { rest } from 'msw';

export const handlers = [
  rest.get('http://localhost:5000/users', (req, res, ctx) => {
    return res(
      ctx.json([
        { name: 'stan', city: 'New Taipei City' },
        { name: 'mandy', city: 'Taipei City' },
        { name: 'pandas', city: 'Taipei City' }
      ])
    );
  })
];

先模拟一个rest api

// server.ts

import { setupServer } from 'msw/node';
import { handlers } from './handlers';

export const server = setupServer(...handlers);

然後在server档案里面建立一个build server的function

然後在src/setUpTests.ts的档案写下以下function,这三只function分别在三个之前讲过的生命周期执行,分别在一开始监听以及每个测试reset跟所有测试结束之後结束监听

import { server } from './mocks/server';

beforeAll(() => server.listen());

afterEach(() => server.resetHandlers());

afterAll(() => server.close());

相关文章:

  • 部署 Kolla-Ansible 使用 External Ceph
  • [自学笔记]Routing(MVC)路由
  • Hello, OS!
  • 外贸卖家提高销售量该如何促销呢?
  • [Day 10] -『 GO语言学习笔记』- if 叙述的起始赋值
  • 为什么亚马逊申诉没通过?
  • wish每个ProductBoost推广活动最多可以添加多少个产品?
  • wish A+ 物流计划比利时路向概览
  • 标签规则!亚马逊标签应该怎么贴才是正确的?
  • 如何查找图形商标?
  • 错误代码8541和90202的解决办法
  • 小众品牌如何在TikTok做营销
  • D7 - 你不知道Combo: 第二主菜 Execution Context
  • Day 7 - 扫描 ⇒ 找出漏洞 ⇒ 渗透系统
  • 【第 27 个第一次】 抓住每个企业识别展示的机会 ! 快速导览网站浏览时视觉上需要准备的基本资讯
  • 最新虚拟信用卡无限开卡渠道大全
  • 新的 Web.com 电子商务平台帮助中小企业接触数百万潜在买家
  • 站点迁移问题:流量下降的 11 个潜在原因
  • 支持支付宝的国外VPS主机服务器大全:用支付宝买国外网站空间服务器VPS
  • Monzo Bank教程:英国银行卡申请教程【教你国内注册申请欧洲银行卡】
  • WordPress 5.7 引入函数来检查文章是否可以公开查看
  • 挖矿是什么?怎么挖矿怎么挖比特币?虚拟币比特币挖矿原理
  • Google SEO优化排名的技巧:做好这20件事情谷歌排名必定上去
  • Vultr促销码和2020年最新优惠:Vultr注册教程和使用方法
  • 虚拟卡服务商大全,能开通虚拟卡的几个服务商
  • VPS优惠:搬瓦工香港VPS补货/G口/KVM/月付9.9美元
  • 简单做WordPress网站的方法:最快最便宜的做外贸网站的方法
  • MovoCash虚拟信用卡教程:美国虚拟信用卡申请教程
  • 性价比最高的国外VPS服务器推荐:便宜好用的美国VPS大全
  • 阿里云国际版怎么注册绑卡购买香港美国新加坡云主机【2020年最新教程】