test runner transformation

Another idea that lends itself well to Preact’s vnode abstraction is a super easy way to create frontend integration tests.

You could have something like this:

index.js:

const App = module.exports = (props) => {
  <div class="App">
     <button class="login" onClick={onClick}>Click Me!</button>
  </div>
}

test.js:

// This would walk the vnodes, and build a selector list along with their handlers
let $ = Runner(require('./app')(testProps))

// query the selector list and then trigger the handler
$('.login').click(e) // optional "e" that you could pass through

[developit]

@matthewmueller yes!! This is similar to enzyme, just lighter. Super high on my to-do list! That was actually why I wrote undom, as the faked rendering target that can still be queried and asserted on like a DOM.

[marvinhagemeister]

If anyone stumbles upon this issue, we have great guide on how to use preact with enzyme on our main site: https://preactjs.com/guide/unit-testing-with-enzyme