web
web copied to clipboard
Published
20 hours ago •
modernweb-dev
modernweb-dev
Please document how to use global hooks (e.g. beforeEach & afterEach) or pass any other mocha options
It was pretty difficult to find from the code, but you can override mocha config using these methods:
- Add
testFramework: { config: { /* mocha options here */ } }to web-test-runner.config.js, the contents oftestFramework.configwill be JSON-serialized to the browser aswindow.__WTR_CONFIG__.testFrameworkConfig. Unfortuantely, this will not work for hooks, as hook functions are lost during JSON.serialize() - Load a separate .js file in the browser before all tests, e.g.
testRunnerHtml: testFramework =>
`<html>
<body>
<script type="module" src="/_dist_/ui/setup-tests.js"></script>
<script type="module" src="${testFramework}"></script>
</body>
</html>`
Then, in setup-tests.js you can do the following:
window['__WTR_CONFIG__'].testFrameworkConfig = {
rootHooks: {
afterEach: () => sinon.restore()
}
}
And you can also put any other before-initialization stuff, e.g. add any mocha/sinon/chai plugins.
I have the same problem. when i add { config: { require: './test/hooks.js' } } to the testFramework and run test command line, the terminal is pending on Running tests....
