Artifact
fe91c13a0183463249d80e39585562977fb92037971d7125f455817d10395a79:
0000: 63 6f 6e 73 74 20 74 6d 70 6c 20 3d 20 60 0a 20 const tmpl = `.
0010: 20 3c 64 69 76 3e 0a 20 20 20 20 3c 64 69 76 20 <div>. <div
0020: 72 65 66 3d 22 69 74 65 6d 73 22 20 65 61 63 68 ref="items" each
0030: 3d 22 7b 20 69 74 65 6d 20 69 6e 20 69 74 65 6d ="{ item in item
0040: 73 20 7d 22 3e 0a 20 20 20 20 20 20 7b 20 69 74 s }">. { it
0050: 65 6d 2e 6e 61 6d 65 20 7d 0a 20 20 20 20 20 20 em.name }.
0060: 3c 70 20 69 66 3d 22 7b 20 69 74 65 6d 2e 70 72 <p if="{ item.pr
0070: 6f 70 73 20 7d 22 20 65 61 63 68 3d 22 7b 20 70 ops }" each="{ p
0080: 72 6f 70 20 69 6e 20 69 74 65 6d 2e 70 72 6f 70 rop in item.prop
0090: 73 20 7d 22 3e 0a 20 20 20 20 20 20 20 20 7b 20 s }">. {
00a0: 70 72 6f 70 2e 6e 61 6d 65 20 7d 0a 20 20 20 20 prop.name }.
00b0: 20 20 3c 2f 70 3e 0a 20 20 20 20 3c 2f 64 69 76 </p>. </div
00c0: 3e 0a 20 20 3c 2f 64 69 76 3e 0a 60 0a 0a 6d 6f >. </div>.`..mo
00d0: 64 75 6c 65 2e 65 78 70 6f 72 74 73 20 3d 20 66 dule.exports = f
00e0: 75 6e 63 74 69 6f 6e 28 73 75 69 74 65 2c 20 74 unction(suite, t
00f0: 65 73 74 4e 61 6d 65 2c 20 72 69 6f 74 29 20 7b estName, riot) {
0100: 0a 20 20 66 75 6e 63 74 69 6f 6e 20 67 65 6e 65 . function gene
0110: 72 61 74 65 49 74 65 6d 73 28 61 6d 6f 75 6e 74 rateItems(amount
0120: 2c 20 68 61 73 43 68 69 6c 64 72 65 6e 29 20 7b , hasChildren) {
0130: 0a 20 20 20 20 76 61 72 20 69 74 65 6d 73 20 3d . var items =
0140: 20 5b 5d 0a 20 20 20 20 77 68 69 6c 65 20 28 61 []. while (a
0150: 6d 6f 75 6e 74 2d 2d 29 20 7b 0a 20 20 20 20 20 mount--) {.
0160: 20 69 74 65 6d 73 2e 70 75 73 68 28 7b 0a 20 20 items.push({.
0170: 20 20 20 20 20 20 6e 61 6d 65 3a 20 60 66 6f 6f name: `foo
0180: 20 24 7b 20 4d 61 74 68 2e 72 61 6e 64 6f 6d 28 ${ Math.random(
0190: 29 20 7d 60 2c 0a 20 20 20 20 20 20 20 20 70 72 ) }`,. pr
01a0: 6f 70 73 3a 20 68 61 73 43 68 69 6c 64 72 65 6e ops: hasChildren
01b0: 20 3f 20 67 65 6e 65 72 61 74 65 49 74 65 6d 73 ? generateItems
01c0: 28 31 30 2c 20 66 61 6c 73 65 29 20 3a 20 66 61 (10, false) : fa
01d0: 6c 73 65 0a 20 20 20 20 20 20 7d 29 0a 20 20 20 lse. }).
01e0: 20 7d 0a 20 20 20 20 72 65 74 75 72 6e 20 69 74 }. return it
01f0: 65 6d 73 0a 20 20 7d 0a 20 20 6c 65 74 20 74 61 ems. }. let ta
0200: 67 0a 20 20 73 75 69 74 65 0a 20 20 20 20 2e 6f g. suite. .o
0210: 6e 28 27 73 74 61 72 74 27 2c 20 66 75 6e 63 74 n('start', funct
0220: 69 6f 6e 28 29 20 7b 0a 20 20 20 20 2f 2f 20 73 ion() {. // s
0230: 65 74 75 70 0a 20 20 20 20 20 20 76 61 72 20 6c etup. var l
0240: 6f 6f 70 54 61 67 20 3d 20 64 6f 63 75 6d 65 6e oopTag = documen
0250: 74 2e 63 72 65 61 74 65 45 6c 65 6d 65 6e 74 28 t.createElement(
0260: 27 6c 6f 6f 70 2d 74 61 67 27 29 0a 20 20 20 20 'loop-tag').
0270: 20 20 62 6f 64 79 2e 61 70 70 65 6e 64 43 68 69 body.appendChi
0280: 6c 64 28 6c 6f 6f 70 54 61 67 29 0a 20 20 20 20 ld(loopTag).
0290: 20 20 72 69 6f 74 2e 74 61 67 28 27 6c 6f 6f 70 riot.tag('loop
02a0: 2d 74 61 67 27 2c 20 74 6d 70 6c 2c 20 66 75 6e -tag', tmpl, fun
02b0: 63 74 69 6f 6e 28 29 20 7b 0a 20 20 20 20 20 20 ction() {.
02c0: 20 20 74 68 69 73 2e 69 74 65 6d 73 20 3d 20 67 this.items = g
02d0: 65 6e 65 72 61 74 65 49 74 65 6d 73 28 31 30 2c enerateItems(10,
02e0: 20 74 72 75 65 29 0a 20 20 20 20 20 20 7d 29 0a true). }).
02f0: 20 20 20 20 20 20 74 61 67 20 3d 20 72 69 6f 74 tag = riot
0300: 2e 6d 6f 75 6e 74 28 27 6c 6f 6f 70 2d 74 61 67 .mount('loop-tag
0310: 27 29 5b 30 5d 0a 20 20 20 20 7d 29 0a 20 20 20 ')[0]. }).
0320: 20 2e 6f 6e 28 27 63 6f 6d 70 6c 65 74 65 27 2c .on('complete',
0330: 20 66 75 6e 63 74 69 6f 6e 28 29 20 7b 0a 20 20 function() {.
0340: 20 20 20 20 74 61 67 2e 75 6e 6d 6f 75 6e 74 28 tag.unmount(
0350: 29 0a 20 20 20 20 7d 29 0a 20 20 20 20 2e 61 64 ). }). .ad
0360: 64 28 74 65 73 74 4e 61 6d 65 2c 20 28 29 20 3d d(testName, () =
0370: 3e 20 7b 0a 20 20 20 20 20 20 74 61 67 2e 69 74 > {. tag.it
0380: 65 6d 73 2e 72 65 76 65 72 73 65 28 29 0a 20 20 ems.reverse().
0390: 20 20 20 20 74 61 67 2e 75 70 64 61 74 65 28 29 tag.update()
03a0: 0a 20 20 20 20 7d 29 0a 0a 7d 0a 0a . })..}..