Artifact fe91c13a0183463249d80e39585562977fb92037971d7125f455817d10395a79:

• File public/riot-3.13.2/test/performance/benchmarks/loop-reverse.bench.js — part of check-in [12a9bb700d] at 2021-08-11 18:56:04 on branch trunk — Import from git Added a changelog (user: dev size: 940)

const tmpl = `
  <div>
    <div ref="items" each="{ item in items }">
      { item.name }
      <p if="{ item.props }" each="{ prop in item.props }">
        { prop.name }
      </p>
    </div>
  </div>
`

module.exports = function(suite, testName, riot) {
  function generateItems(amount, hasChildren) {
    var items = []
    while (amount--) {
      items.push({
        name: `foo ${ Math.random() }`,
        props: hasChildren ? generateItems(10, false) : false
      })
    }
    return items
  }
  let tag
  suite
    .on('start', function() {
    // setup
      var loopTag = document.createElement('loop-tag')
      body.appendChild(loopTag)
      riot.tag('loop-tag', tmpl, function() {
        this.items = generateItems(10, true)
      })
      tag = riot.mount('loop-tag')[0]
    })
    .on('complete', function() {
      tag.unmount()
    })
    .add(testName, () => {
      tag.items.reverse()
      tag.update()
    })

}