[Javascript] Wrap fireEvent with fireEventAsync

转载于 2018-12-11 03:29:00 发布 · 58 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Answer1215/p/10100222.html

文章标签：

#javascript #开发工具 #ViewUI

本文介绍了一种将同步的fireEvent方法异步封装的方法，通过使用Promise和async/await，使得fireEvent可以在测试中等待DOM操作完成后再继续执行，提高了测试的准确性和效率。

The idea is wrap a object with all its function methods and add some additional handling into a new object.

For example, we have a object 'fireEvent':

import {fireEvent, wait} from 'dom-testing-library'
async function render() {

　　fireEvent.click(handleClick)
　　await wait()
}

What we want to achieve is:

fireEventAsync.click(handleClick);

import {fireEvent, wait} from 'dom-testing-library'

const fireEventAsync = {}

Object.entries(fireEvent).reduce((obj, [key, val]) => {
  obj[key] = async (...args) => {
     const ret = val(...args)
     await wait()
     return ret
  }

  return obj
}, fireEventAsync)

export {fireEventAsync}

转载于:https://www.cnblogs.com/Answer1215/p/10100222.html