Artifact b55dab519ee13644a84f67b6b41b704f607425ee7db0066f30c787143789f1d0:

• File public/riot-3.13.2/test/performance/benchmarks/loop.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: 1106)

const tmpl = `
  <div>
    <div ref="items" each="{ item in items }">
      { item.name }
      <p 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(5, 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 = []
      })
      tag = riot.mount('loop-tag')[0]
    })
    .on('complete', function() {
      tag.unmount()
    })
    .add(testName, () => {
      tag.items = generateItems(10, true)
      tag.update()
      tag.items.splice(2, 1)
      tag.items.splice(4, 1)
      tag.items.splice(6, 1)
      tag.items.splice(9, 1)
      tag.items = tag.items.concat(generateItems(5, true))
      tag.update()
    })

}