精华内容
下载资源
问答
  • Jest

    2020-11-29 11:35:18
    <div><p>Uses <a href="https://facebook.github.io/jest/">Jest</a> as a test runner, instead of AVA. <p>Jest supports in-memory transpiling of source and test files (via Babel) which removes the ...
  • jest

    2019-04-17 10:14:00
    中文 清空jest npx jest --clearCache 覆盖率 表格显示 npx jest --coverage 转载于:https://www.cnblogs.com/Running00/p/10721787.html

    中文
    清空jest

     npx jest --clearCache

    覆盖率 表格显示

    npx jest --coverage

    转载于:https://www.cnblogs.com/Running00/p/10721787.html

    展开全文
  • JEST

    2020-04-19 14:59:22
    JEST 官方文档 https://jestjs.io/docs/en/getting-started
    展开全文
  • Updated Jest and Jest Types

    2020-12-29 16:36:51
    <div><p>Adjusted breaking change of generic signature of <code>MockInstance</code>: <p>...jefflau/jest-fetch-mock</p></div>
  • <div><p>Bumps <a href="https://github.com/facebook/jest">jest</a> and <a href="https://github.com/kulshekhar/ts-jest">ts-jest</a>. These dependencies needed to be updated together. <p>Updates <code>...
  • 笑话 非常简单的Jest设置。 该项目的目的是用作詹金斯技术测试的源回购。 用法 npm install npm run test
  • Jest support

    2020-12-26 20:26:08
    <div><p>We should talk about using Waffle with Jest. <p>In #89, it was discussed that maybe we can import only the matchers from Waffle to be used. What else needs to be done so that Jest users can ...
  • Jest typings

    2020-12-02 00:21:32
    <div><p>Typings URL: [https://github.com/asvetliakov/typings-jest] Source URL: ...<p>Existing DT jest typings are very bad</p><p>该提问来源于开源项目:typings/registry</p></div>
  • 木偶样板 Puppeteer端到端测试自动化样板,使用 , , 和 。 克隆或派生此存储库。 入门 ... cd puppeteer-typescript-ts-jest-jest-assert 3. npm install 4. npm run test 有关更多样板,请单击
  • Jest updates

    2021-01-09 08:25:54
    <p>I think Jest users should be installing both the Jest and Jasmine type definitions; a couple reasons described in ...
  • TypeScript Jest样板 该样板使用TypeScript和Jest作为测试框架。 应根据名称选择测试文件,以下是Jest会选择的一些示例: MyClass.test.ts MyJavaScriptModule.test.js MyComponent.test.tsx SubFolder/MyClass....
  • Jest preset

    2021-01-12 12:56:48
    <div><p>Basically this preset allows us to run jest with <code>poi test --presets jest</code>. <p>Anyone interested in this could look into the <a href="https://poi.js.org/#/presets">preset API, this ...
  • Setup jest

    2020-12-09 05:23:53
    <ul><li>Setup jest</li><li>Add <code>yarn test</code> to CircleCI configration</li><li>Add jest configation file</li><li>Add Sample test in component/vuex store</li></ul> <h2>Discussion <ul><li>need ...
  • Jest Testing

    2021-01-07 17:01:19
    m just wondering would you like me to make a pull request which implements jest testing within this project?</p><p>该提问来源于开源项目:mcnamee/react-native-starter-kit</p></div>
  • jest入门

    2019-10-31 20:40:37
    jest入门


    • 微信扫码关注公众号 :前端前端大前端,追求更精致的阅读体验 ,一起来学习啊
    • 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程
      在这里插入图片描述

    desc

    • 简单来说,jest是一个很好用的js单元测试工具

    官网

    初始化

    • npm init -y

    安装

    • npm i jest -D

    使用

    sum.js

    function sum(a, b) {
      return a + b;
    }
    module.exports = sum;
    

    sum.test.js

    const sum = require('./sum');
    
    test('adds 1 + 2 to equal 3', () => {
      expect(sum(1, 2)).toBe(3);
    });
    

    上述test的第一个参数可以自定义,用来打印信息,后边的expect().toBe()是期望执行结果

    执行

    • 修改package.json
    {
      "scripts": {
        "test": "jest"
      }
    }
    
    • npm run jest

    效果图

    在这里插入图片描述

    展开全文
  • esbuild-jest 使用esbuild的Jest变压器 借助此转换器,您可以使用和转换(ts,js,tsx和jsx)文件 安装 npm install --save-dev esbuild-jest esbuild 设置Jest配置文件 esbuild-jest转换器应在您的Jest配置文件中...
  • JEST笔记

    2021-03-06 21:43:04
    jest备忘 nmp install jest -D安装到开发环境 在package.json文件里把scripts : test配置为jest,后面加上–watchAll就可以有新用例就自动运行测试 npx jest -init生成基本配置 打开jest.config.js文件 npx jest --...

    3.24:jest拿不到异步axios获取的数据,拿不到mock的数据
    mock的函数返回值不影响真正的页面效果啊!
    明天尝试:创建测试函数,直接更改返回值,检查是否能够改变页面效果。
    怎么测试useHistory,验证是否跳转了页面?
    https://blog.logrocket.com/a-quick-guide-to-testing-react-hooks-fa584c415407/
    https://www.toptal.com/react/testing-react-hooks-tutorial
    https://chanonroy.medium.com/mocking-hooks-for-testing-with-jest-and-react-testing-library-d34505616d12
    https://kentcdodds.com/blog/how-to-test-custom-react-hooks
    https://www.newline.co/@jamesfulford/testing-custom-react-hooks-with-jest–8372a502
    https://css-tricks.com/testing-react-hooks-with-enzyme-and-react-testing-library/
    https://www.npmjs.com/package/jest-react-hooks-shallow
    https://itnext.io/testing-components-built-using-react-hooks-with-jest-enzyme-edb87d703756
    https://stackoverflow.com/questions/57025753/how-to-set-initial-state-for-usestate-hook-in-jest-and-enzyme
    https://www.richardkotze.com/coding/mocking-react-hooks-unit-testing-jest

    jest备忘

    https://cloud.tencent.com/developer/article/1531162
    https://jestjs.io/zh-Hans/docs/asynchronous
    https://itxiaohao.github.io/passages/test-learn-jest-mock2/#mock-axioshttps://juejin.cn/post/6844903939289120775
    https://www.dazhuanlan.com/2020/01/18/5e2318186c079/
    https://testerhome.com/topics/15149
    https://jestjs.io/docs/mock-function-api
    https://www.jianshu.com/p/1f9f326d4636
    https://www.npmjs.com/package/jest-mock-axios

    nmp install jest -D安装到开发环境

    在package.json文件里把scripts : test配置为jest,后面加上–watchAll就可以有新用例就自动运行测试

    npx jest -init生成基本配置

    打开jest.config.js文件

    npx jest --coverage生成代码覆盖率报告在coverage文件夹下

    匹配器(加.not.可以取反)

    toBe严格相等

    toEqual值相等

    toBeNull等于null

    tobeUndifined/toBeDefined 是否定义了

    toBeTruthy是否为真

    安装@babel/core@7.4.5 @babel/preset-env@7,4,5 --dev让jest支持es6

    准备babel配置文件.babelrc

    {
        "presets":[
            [
                    "@babel/preset-env",{
                    "targets":{
                        "node":"current"
                    }
                }
            ]
        ]
    }
    

    异步测试

    • 情况一

    // 异步方法体
    import axios from 'axios'
    
    export const fetchData = (fn)=>{
        axios.get('http://a.jspang.com/jestTest.json').then((response)=>{
            fn(response.data)
        })
    }
    
    // 测试代码
    import { fetchData } from './fetchData.js'
    
    test('fetchData 测试',(done)=>{
       fetchData((data)=>{
           expect(data).toEqual({
               success: true
           })
           done()
       })
      })
    // 我们必须加入一个done方法,保证我们的回调已经完成了,这时候我们表示测试完成
    
    • 情况二

    export const fetchTwoData = ()=>{
        return axios.get('http://a.jspang.com/jestTest.json')
    }
    
    // 这部分代码需要注意的是要使用return才能测试成功
    test('FetchTwoData 测试', ()=>{
           return  fetchTwoData().then((response)=>{
                expect(response.data).toEqual({
                    success: true
                })
            })
      })
    
    • 情况三 要求返回404错误

    // 该地址是不存在的
    export const fetchThreeData = ()=>{
        return axios.get('http://a.jspang.com/jestTest_error.json')
    }
    
    test('FetchThreeData 测试', ()=>{
          expect.assertions(1)  // 断言,必须执行一次expect
          return fetchThreeData().catch((e)=>{
            expect(e.toString().indexOf('404')> -1).toBe(true)
          })
      })
    
    • 情况四 异步代码的测试

     export const fetchFourData = ()=>{
        return axios.get('http://a.jspang.com/jestTest.json')
    }
    
    test('FetchFourData 测试', async()=>{
            const response  = await fetchFourData()
            expect(response.data).toEqual({
                success : true
            })
    })
    

    钩子函数

    • beforeAll 最先执行

    • afterAll 最后执行

    • beforeEach 每个测试用例之前执行

    • afterEach 每个测试用例执行完成后执行

    分组describe

    展开全文
  • Note: babel-jest is automatically installed when installing Jest and will automatically transform files if a babel configuration exists in your project. To avoid this behavior, you can explicitly ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,617
精华内容 5,446
热门标签
关键字:

jest