react 测试 （4） jest 异步代码测试

interface.js中放着调用接口的方法，假设我们要测试greeting接口的返回数据，或者经过业务处理后的数据

//interface.js

import axios from "axios"

//返回数据型
export const getGreeting = function(){
    return new Promise((resolve, reject) => {
        axios.post("/greeting").then(response => resolve(response.data)).catch(()=>reject("error"))
    } )
}

//回调型
export const getGreetingUseCallBack = async function(callback){
    let response = await axios.get("/greeting")
    callback(response.data)
}

done

由于测试用例在getGreetingUseCallBack执行后就会结束，并不会等待数据的返回，所以我们需要使用done来完成回调型的异步方法测试。需要注意的是done需要在test中当参数传入到测试中，不然会报错的

    test("done",done => {
    
        function callback(data) {
            try {
                expect(data).toStrictEqual({greeting: 'hello there'});
                done();
            } catch (error) {
                done(error);
            }
        }

        getGreetingUseCallBack(callback);
    })

Promises

就想js中一样，我们可以使用Promises来测试异步方法，不过需要注意的是 一定要使用return将Promises返回，不然测试会出现警告，虽说官网是这样说的，但经过测试，没有使用return也能正常的测试，不过最好还是使用return将Promises返回。

    test("Promises",()=>{
        return  getGreeting().then((data)=>{
            expect(data).toStrictEqual({greeting: 'hello there'})  
        })
    })

.resolves / .rejects

.resolves / .rejects和Promises是相似的

    test("rejects",()=>{
        return expect(getGreeting()).rejects.toStrictEqual("error")
    })

Async/Await

  test("Async/Await",async()=>{
        let data = await getGreeting();
        expect(data).toStrictEqual({greeting: 'hello there'})
    })