0000: 69 6d 70 6f 72 74 20 7b 20 69 6e 6a 65 63 74 48 import { injectH
0010: 54 4d 4c 20 7d 20 66 72 6f 6d 20 27 2e 2e 2f 2e TML } from '../.
0020: 2e 2f 2e 2e 2f 68 65 6c 70 65 72 73 2f 69 6e 64 ./../helpers/ind
0030: 65 78 27 0a 0a 64 65 73 63 72 69 62 65 28 27 52 ex'..describe('R
0040: 69 6f 74 20 65 61 63 68 20 6b 65 79 65 64 27 2c iot each keyed',
0050: 20 28 29 20 3d 3e 20 7b 0a 20 20 69 74 28 27 69 () => {. it('i
0060: 64 65 6e 74 69 74 79 20 75 70 64 61 74 65 27 2c dentity update',
0070: 20 28 29 20 3d 3e 20 7b 0a 20 20 20 20 69 6e 6a () => {. inj
0080: 65 63 74 48 54 4d 4c 28 27 3c 72 69 6f 74 2d 74 ectHTML('<riot-t
0090: 6d 70 3e 3c 2f 72 69 6f 74 2d 74 6d 70 3e 27 29 mp></riot-tmp>')
00a0: 0a 0a 20 20 20 20 72 69 6f 74 2e 74 61 67 28 27 .. riot.tag('
00b0: 72 69 6f 74 2d 74 6d 70 2d 73 75 62 27 2c 20 27 riot-tmp-sub', '
00c0: 3c 64 69 76 3e 7b 69 64 65 6e 74 69 66 69 65 72 <div>{identifier
00d0: 7d 3c 2f 64 69 76 3e 27 2c 20 66 75 6e 63 74 69 }</div>', functi
00e0: 6f 6e 28 6f 70 74 73 29 20 7b 0a 20 20 20 20 20 on(opts) {.
00f0: 20 74 68 69 73 2e 69 64 65 6e 74 69 66 69 65 72 this.identifier
0100: 20 3d 20 6f 70 74 73 2e 69 64 65 6e 74 69 66 69 = opts.identifi
0110: 65 72 0a 20 20 20 20 7d 29 0a 0a 20 20 20 20 72 er. }).. r
0120: 69 6f 74 2e 74 61 67 28 27 72 69 6f 74 2d 74 6d iot.tag('riot-tm
0130: 70 27 2c 20 27 3c 72 69 6f 74 2d 74 6d 70 2d 73 p', '<riot-tmp-s
0140: 75 62 20 6b 65 79 3d 22 69 64 22 20 65 61 63 68 ub key="id" each
0150: 3d 22 7b 69 74 65 6d 20 69 6e 20 69 74 65 6d 73 ="{item in items
0160: 7d 22 20 72 65 66 3d 22 63 68 69 6c 64 72 65 6e }" ref="children
0170: 22 20 69 64 65 6e 74 69 66 69 65 72 3d 22 7b 20 " identifier="{
0180: 69 74 65 6d 2e 69 64 20 7d 22 20 2f 3e 27 2c 20 item.id }" />',
0190: 66 75 6e 63 74 69 6f 6e 28 29 20 7b 0a 20 20 20 function() {.
01a0: 20 20 20 74 68 69 73 2e 69 74 65 6d 73 20 3d 20 this.items =
01b0: 5b 0a 20 20 20 20 20 20 20 20 7b 20 69 64 3a 20 [. { id:
01c0: 30 20 7d 2c 0a 20 20 20 20 20 20 20 20 7b 20 69 0 },. { i
01d0: 64 3a 20 31 20 7d 2c 0a 20 20 20 20 20 20 20 20 d: 1 },.
01e0: 7b 20 69 64 3a 20 32 20 7d 0a 20 20 20 20 20 20 { id: 2 }.
01f0: 5d 0a 20 20 20 20 7d 29 0a 0a 20 20 20 20 63 6f ]. }).. co
0200: 6e 73 74 20 5b 74 61 67 5d 20 3d 20 72 69 6f 74 nst [tag] = riot
0210: 2e 6d 6f 75 6e 74 28 27 72 69 6f 74 2d 74 6d 70 .mount('riot-tmp
0220: 27 29 0a 20 20 20 20 63 6f 6e 73 74 20 5b 66 69 '). const [fi
0230: 72 73 74 54 61 67 2c 20 73 65 63 6f 6e 64 54 61 rstTag, secondTa
0240: 67 2c 20 74 68 69 72 64 54 61 67 5d 20 3d 20 74 g, thirdTag] = t
0250: 61 67 2e 72 65 66 73 2e 63 68 69 6c 64 72 65 6e ag.refs.children
0260: 0a 0a 20 20 20 20 74 61 67 2e 69 74 65 6d 73 5b .. tag.items[
0270: 30 5d 20 3d 20 7b 20 69 64 3a 20 30 2c 20 69 73 0] = { id: 0, is
0280: 4e 65 77 3a 20 74 72 75 65 20 7d 0a 20 20 20 20 New: true }.
0290: 74 61 67 2e 69 74 65 6d 73 5b 31 5d 20 3d 20 7b tag.items[1] = {
02a0: 20 69 64 3a 20 31 2c 20 69 73 4e 65 77 3a 20 74 id: 1, isNew: t
02b0: 72 75 65 20 7d 0a 20 20 20 20 74 61 67 2e 69 74 rue }. tag.it
02c0: 65 6d 73 5b 32 5d 20 3d 20 7b 20 69 64 3a 20 32 ems[2] = { id: 2
02d0: 2c 20 69 73 4e 65 77 3a 20 74 72 75 65 20 7d 0a , isNew: true }.
02e0: 0a 20 20 20 20 74 61 67 2e 75 70 64 61 74 65 28 . tag.update(
02f0: 29 0a 0a 20 20 20 20 65 78 70 65 63 74 28 66 69 ).. expect(fi
0300: 72 73 74 54 61 67 2e 5f 72 69 6f 74 5f 69 64 29 rstTag._riot_id)
0310: 2e 74 6f 2e 62 65 2e 65 71 75 61 6c 28 74 61 67 .to.be.equal(tag
0320: 2e 72 65 66 73 2e 63 68 69 6c 64 72 65 6e 5b 30 .refs.children[0
0330: 5d 2e 5f 72 69 6f 74 5f 69 64 29 0a 20 20 20 20 ]._riot_id).
0340: 65 78 70 65 63 74 28 73 65 63 6f 6e 64 54 61 67 expect(secondTag
0350: 2e 5f 72 69 6f 74 5f 69 64 29 2e 74 6f 2e 62 65 ._riot_id).to.be
0360: 2e 65 71 75 61 6c 28 74 61 67 2e 72 65 66 73 2e .equal(tag.refs.
0370: 63 68 69 6c 64 72 65 6e 5b 31 5d 2e 5f 72 69 6f children[1]._rio
0380: 74 5f 69 64 29 0a 20 20 20 20 65 78 70 65 63 74 t_id). expect
0390: 28 74 68 69 72 64 54 61 67 2e 5f 72 69 6f 74 5f (thirdTag._riot_
03a0: 69 64 29 2e 74 6f 2e 62 65 2e 65 71 75 61 6c 28 id).to.be.equal(
03b0: 74 61 67 2e 72 65 66 73 2e 63 68 69 6c 64 72 65 tag.refs.childre
03c0: 6e 5b 32 5d 2e 5f 72 69 6f 74 5f 69 64 29 0a 0a n[2]._riot_id)..
03d0: 20 20 20 20 74 61 67 2e 75 6e 6d 6f 75 6e 74 28 tag.unmount(
03e0: 29 0a 20 20 7d 29 0a 0a 20 20 69 74 28 27 72 65 ). }).. it('re
03f0: 6f 72 64 65 72 27 2c 20 28 29 20 3d 3e 20 7b 0a order', () => {.
0400: 20 20 20 20 69 6e 6a 65 63 74 48 54 4d 4c 28 27 injectHTML('
0410: 3c 72 69 6f 74 2d 74 6d 70 3e 3c 2f 72 69 6f 74 <riot-tmp></riot
0420: 2d 74 6d 70 3e 27 29 0a 0a 20 20 20 20 72 69 6f -tmp>').. rio
0430: 74 2e 74 61 67 28 27 72 69 6f 74 2d 74 6d 70 2d t.tag('riot-tmp-
0440: 73 75 62 27 2c 20 27 3c 64 69 76 3e 7b 69 64 65 sub', '<div>{ide
0450: 6e 74 69 66 69 65 72 7d 3c 2f 64 69 76 3e 27 2c ntifier}</div>',
0460: 20 66 75 6e 63 74 69 6f 6e 28 6f 70 74 73 29 20 function(opts)
0470: 7b 0a 20 20 20 20 20 20 74 68 69 73 2e 69 64 20 {. this.id
0480: 3d 20 6f 70 74 73 2e 69 64 65 6e 74 69 66 69 65 = opts.identifie
0490: 72 0a 20 20 20 20 7d 29 0a 0a 20 20 20 20 72 69 r. }).. ri
04a0: 6f 74 2e 74 61 67 28 27 72 69 6f 74 2d 74 6d 70 ot.tag('riot-tmp
04b0: 27 2c 20 27 3c 72 69 6f 74 2d 74 6d 70 2d 73 75 ', '<riot-tmp-su
04c0: 62 20 6b 65 79 3d 22 69 64 22 20 65 61 63 68 3d b key="id" each=
04d0: 22 7b 69 74 65 6d 20 69 6e 20 69 74 65 6d 73 7d "{item in items}
04e0: 22 20 72 65 66 3d 22 63 68 69 6c 64 72 65 6e 22 " ref="children"
04f0: 20 69 64 65 6e 74 69 66 69 65 72 3d 22 7b 20 69 identifier="{ i
0500: 74 65 6d 2e 69 64 20 7d 22 20 2f 3e 27 2c 20 66 tem.id }" />', f
0510: 75 6e 63 74 69 6f 6e 28 29 20 7b 0a 20 20 20 20 unction() {.
0520: 20 20 74 68 69 73 2e 69 74 65 6d 73 20 3d 20 5b this.items = [
0530: 0a 20 20 20 20 20 20 20 20 7b 20 69 64 3a 20 30 . { id: 0
0540: 20 7d 2c 0a 20 20 20 20 20 20 20 20 7b 20 69 64 },. { id
0550: 3a 20 31 20 7d 2c 0a 20 20 20 20 20 20 20 20 7b : 1 },. {
0560: 20 69 64 3a 20 32 20 7d 0a 20 20 20 20 20 20 5d id: 2 }. ]
0570: 0a 20 20 20 20 7d 29 0a 0a 20 20 20 20 63 6f 6e . }).. con
0580: 73 74 20 5b 74 61 67 5d 20 3d 20 72 69 6f 74 2e st [tag] = riot.
0590: 6d 6f 75 6e 74 28 27 72 69 6f 74 2d 74 6d 70 27 mount('riot-tmp'
05a0: 29 0a 20 20 20 20 63 6f 6e 73 74 20 5b 66 69 72 ). const [fir
05b0: 73 74 54 61 67 2c 20 73 65 63 6f 6e 64 54 61 67 stTag, secondTag
05c0: 2c 20 74 68 69 72 64 54 61 67 5d 20 3d 20 74 61 , thirdTag] = ta
05d0: 67 2e 72 65 66 73 2e 63 68 69 6c 64 72 65 6e 0a g.refs.children.
05e0: 0a 20 20 20 20 74 61 67 2e 69 74 65 6d 73 5b 30 . tag.items[0
05f0: 5d 20 3d 20 7b 20 69 64 3a 20 32 20 7d 0a 20 20 ] = { id: 2 }.
0600: 20 20 74 61 67 2e 69 74 65 6d 73 5b 31 5d 20 3d tag.items[1] =
0610: 20 7b 20 69 64 3a 20 31 20 7d 0a 20 20 20 20 74 { id: 1 }. t
0620: 61 67 2e 69 74 65 6d 73 5b 32 5d 20 3d 20 7b 20 ag.items[2] = {
0630: 69 64 3a 20 30 20 7d 0a 0a 20 20 20 20 74 61 67 id: 0 }.. tag
0640: 2e 75 70 64 61 74 65 28 29 0a 0a 20 20 20 20 65 .update().. e
0650: 78 70 65 63 74 28 66 69 72 73 74 54 61 67 2e 5f xpect(firstTag._
0660: 72 69 6f 74 5f 69 64 29 2e 74 6f 2e 62 65 2e 65 riot_id).to.be.e
0670: 71 75 61 6c 28 74 61 67 2e 72 65 66 73 2e 63 68 qual(tag.refs.ch
0680: 69 6c 64 72 65 6e 5b 32 5d 2e 5f 72 69 6f 74 5f ildren[2]._riot_
0690: 69 64 29 0a 20 20 20 20 65 78 70 65 63 74 28 73 id). expect(s
06a0: 65 63 6f 6e 64 54 61 67 2e 5f 72 69 6f 74 5f 69 econdTag._riot_i
06b0: 64 29 2e 74 6f 2e 62 65 2e 65 71 75 61 6c 28 74 d).to.be.equal(t
06c0: 61 67 2e 72 65 66 73 2e 63 68 69 6c 64 72 65 6e ag.refs.children
06d0: 5b 31 5d 2e 5f 72 69 6f 74 5f 69 64 29 0a 20 20 [1]._riot_id).
06e0: 20 20 65 78 70 65 63 74 28 74 68 69 72 64 54 61 expect(thirdTa
06f0: 67 2e 5f 72 69 6f 74 5f 69 64 29 2e 74 6f 2e 62 g._riot_id).to.b
0700: 65 2e 65 71 75 61 6c 28 74 61 67 2e 72 65 66 73 e.equal(tag.refs
0710: 2e 63 68 69 6c 64 72 65 6e 5b 30 5d 2e 5f 72 69 .children[0]._ri
0720: 6f 74 5f 69 64 29 0a 0a 20 20 20 20 74 61 67 2e ot_id).. tag.
0730: 75 6e 6d 6f 75 6e 74 28 29 0a 20 20 7d 29 0a 0a unmount(). })..
0740: 20 20 69 74 28 27 69 64 65 6e 74 69 74 79 20 28 it('identity (
0750: 77 69 74 68 20 65 78 70 72 65 73 73 69 6f 6e 73 with expressions
0760: 29 27 2c 20 28 29 20 3d 3e 20 7b 0a 20 20 20 20 )', () => {.
0770: 69 6e 6a 65 63 74 48 54 4d 4c 28 27 3c 72 69 6f injectHTML('<rio
0780: 74 2d 74 6d 70 3e 3c 2f 72 69 6f 74 2d 74 6d 70 t-tmp></riot-tmp
0790: 3e 27 29 0a 0a 20 20 20 20 72 69 6f 74 2e 74 61 >').. riot.ta
07a0: 67 28 27 72 69 6f 74 2d 74 6d 70 2d 73 75 62 27 g('riot-tmp-sub'
07b0: 2c 20 27 3c 64 69 76 3e 7b 69 64 65 6e 74 69 66 , '<div>{identif
07c0: 69 65 72 7d 3c 2f 64 69 76 3e 27 2c 20 66 75 6e ier}</div>', fun
07d0: 63 74 69 6f 6e 28 6f 70 74 73 29 20 7b 0a 20 20 ction(opts) {.
07e0: 20 20 20 20 74 68 69 73 2e 69 64 65 6e 74 69 66 this.identif
07f0: 69 65 72 20 3d 20 6f 70 74 73 2e 69 64 65 6e 74 ier = opts.ident
0800: 69 66 69 65 72 0a 20 20 20 20 7d 29 0a 0a 20 20 ifier. })..
0810: 20 20 72 69 6f 74 2e 74 61 67 28 27 72 69 6f 74 riot.tag('riot
0820: 2d 74 6d 70 27 2c 20 27 3c 72 69 6f 74 2d 74 6d -tmp', '<riot-tm
0830: 70 2d 73 75 62 20 6b 65 79 3d 22 7b 20 69 74 65 p-sub key="{ ite
0840: 6d 2e 69 64 20 7d 22 20 65 61 63 68 3d 22 7b 69 m.id }" each="{i
0850: 74 65 6d 20 69 6e 20 69 74 65 6d 73 7d 22 20 72 tem in items}" r
0860: 65 66 3d 22 63 68 69 6c 64 72 65 6e 22 20 69 64 ef="children" id
0870: 65 6e 74 69 66 69 65 72 3d 22 7b 20 69 74 65 6d entifier="{ item
0880: 2e 69 64 20 7d 22 20 2f 3e 27 2c 20 66 75 6e 63 .id }" />', func
0890: 74 69 6f 6e 28 29 20 7b 0a 20 20 20 20 20 20 74 tion() {. t
08a0: 68 69 73 2e 69 74 65 6d 73 20 3d 20 5b 0a 20 20 his.items = [.
08b0: 20 20 20 20 20 20 7b 20 69 64 3a 20 30 20 7d 2c { id: 0 },
08c0: 0a 20 20 20 20 20 20 20 20 7b 20 69 64 3a 20 31 . { id: 1
08d0: 20 7d 2c 0a 20 20 20 20 20 20 20 20 7b 20 69 64 },. { id
08e0: 3a 20 32 20 7d 0a 20 20 20 20 20 20 5d 0a 20 20 : 2 }. ].
08f0: 20 20 7d 29 0a 0a 20 20 20 20 63 6f 6e 73 74 20 }).. const
0900: 5b 74 61 67 5d 20 3d 20 72 69 6f 74 2e 6d 6f 75 [tag] = riot.mou
0910: 6e 74 28 27 72 69 6f 74 2d 74 6d 70 27 29 0a 20 nt('riot-tmp').
0920: 20 20 20 63 6f 6e 73 74 20 5b 66 69 72 73 74 54 const [firstT
0930: 61 67 2c 20 73 65 63 6f 6e 64 54 61 67 2c 20 74 ag, secondTag, t
0940: 68 69 72 64 54 61 67 5d 20 3d 20 74 61 67 2e 72 hirdTag] = tag.r
0950: 65 66 73 2e 63 68 69 6c 64 72 65 6e 0a 0a 20 20 efs.children..
0960: 20 20 74 61 67 2e 69 74 65 6d 73 5b 30 5d 20 3d tag.items[0] =
0970: 20 7b 20 69 64 3a 20 30 2c 20 69 73 4e 65 77 3a { id: 0, isNew:
0980: 20 74 72 75 65 20 7d 0a 20 20 20 20 74 61 67 2e true }. tag.
0990: 69 74 65 6d 73 5b 31 5d 20 3d 20 7b 20 69 64 3a items[1] = { id:
09a0: 20 31 2c 20 69 73 4e 65 77 3a 20 74 72 75 65 20 1, isNew: true
09b0: 7d 0a 20 20 20 20 74 61 67 2e 69 74 65 6d 73 5b }. tag.items[
09c0: 32 5d 20 3d 20 7b 20 69 64 3a 20 32 2c 20 69 73 2] = { id: 2, is
09d0: 4e 65 77 3a 20 74 72 75 65 20 7d 0a 0a 20 20 20 New: true }..
09e0: 20 74 61 67 2e 75 70 64 61 74 65 28 29 0a 0a 20 tag.update()..
09f0: 20 20 20 65 78 70 65 63 74 28 66 69 72 73 74 54 expect(firstT
0a00: 61 67 2e 5f 72 69 6f 74 5f 69 64 29 2e 74 6f 2e ag._riot_id).to.
0a10: 62 65 2e 65 71 75 61 6c 28 74 61 67 2e 72 65 66 be.equal(tag.ref
0a20: 73 2e 63 68 69 6c 64 72 65 6e 5b 30 5d 2e 5f 72 s.children[0]._r
0a30: 69 6f 74 5f 69 64 29 0a 20 20 20 20 65 78 70 65 iot_id). expe
0a40: 63 74 28 73 65 63 6f 6e 64 54 61 67 2e 5f 72 69 ct(secondTag._ri
0a50: 6f 74 5f 69 64 29 2e 74 6f 2e 62 65 2e 65 71 75 ot_id).to.be.equ
0a60: 61 6c 28 74 61 67 2e 72 65 66 73 2e 63 68 69 6c al(tag.refs.chil
0a70: 64 72 65 6e 5b 31 5d 2e 5f 72 69 6f 74 5f 69 64 dren[1]._riot_id
0a80: 29 0a 20 20 20 20 65 78 70 65 63 74 28 74 68 69 ). expect(thi
0a90: 72 64 54 61 67 2e 5f 72 69 6f 74 5f 69 64 29 2e rdTag._riot_id).
0aa0: 74 6f 2e 62 65 2e 65 71 75 61 6c 28 74 61 67 2e to.be.equal(tag.
0ab0: 72 65 66 73 2e 63 68 69 6c 64 72 65 6e 5b 32 5d refs.children[2]
0ac0: 2e 5f 72 69 6f 74 5f 69 64 29 0a 0a 20 20 20 20 ._riot_id)..
0ad0: 74 61 67 2e 75 6e 6d 6f 75 6e 74 28 29 0a 20 20 tag.unmount().
0ae0: 7d 29 0a 0a 20 20 69 74 28 27 72 65 6f 72 64 65 }).. it('reorde
0af0: 72 20 28 20 77 69 74 68 20 65 78 70 72 65 73 73 r ( with express
0b00: 69 6f 6e 73 20 29 27 2c 20 28 29 20 3d 3e 20 7b ions )', () => {
0b10: 0a 20 20 20 20 69 6e 6a 65 63 74 48 54 4d 4c 28 . injectHTML(
0b20: 27 3c 72 69 6f 74 2d 74 6d 70 3e 3c 2f 72 69 6f '<riot-tmp></rio
0b30: 74 2d 74 6d 70 3e 27 29 0a 0a 20 20 20 20 72 69 t-tmp>').. ri
0b40: 6f 74 2e 74 61 67 28 27 72 69 6f 74 2d 74 6d 70 ot.tag('riot-tmp
0b50: 2d 73 75 62 27 2c 20 27 3c 64 69 76 3e 7b 69 64 -sub', '<div>{id
0b60: 65 6e 74 69 66 69 65 72 7d 3c 2f 64 69 76 3e 27 entifier}</div>'
0b70: 2c 20 66 75 6e 63 74 69 6f 6e 28 6f 70 74 73 29 , function(opts)
0b80: 20 7b 0a 20 20 20 20 20 20 74 68 69 73 2e 69 64 {. this.id
0b90: 20 3d 20 6f 70 74 73 2e 69 64 65 6e 74 69 66 69 = opts.identifi
0ba0: 65 72 0a 20 20 20 20 7d 29 0a 0a 20 20 20 20 72 er. }).. r
0bb0: 69 6f 74 2e 74 61 67 28 27 72 69 6f 74 2d 74 6d iot.tag('riot-tm
0bc0: 70 27 2c 20 27 3c 72 69 6f 74 2d 74 6d 70 2d 73 p', '<riot-tmp-s
0bd0: 75 62 20 6b 65 79 3d 22 7b 20 69 74 65 6d 2e 69 ub key="{ item.i
0be0: 64 20 7d 22 20 65 61 63 68 3d 22 7b 69 74 65 6d d }" each="{item
0bf0: 20 69 6e 20 69 74 65 6d 73 7d 22 20 72 65 66 3d in items}" ref=
0c00: 22 63 68 69 6c 64 72 65 6e 22 20 69 64 65 6e 74 "children" ident
0c10: 69 66 69 65 72 3d 22 7b 20 69 74 65 6d 2e 69 64 ifier="{ item.id
0c20: 20 7d 22 20 2f 3e 27 2c 20 66 75 6e 63 74 69 6f }" />', functio
0c30: 6e 28 29 20 7b 0a 20 20 20 20 20 20 74 68 69 73 n() {. this
0c40: 2e 69 74 65 6d 73 20 3d 20 5b 0a 20 20 20 20 20 .items = [.
0c50: 20 20 20 7b 20 69 64 3a 20 30 20 7d 2c 0a 20 20 { id: 0 },.
0c60: 20 20 20 20 20 20 7b 20 69 64 3a 20 31 20 7d 2c { id: 1 },
0c70: 0a 20 20 20 20 20 20 20 20 7b 20 69 64 3a 20 32 . { id: 2
0c80: 20 7d 0a 20 20 20 20 20 20 5d 0a 20 20 20 20 7d }. ]. }
0c90: 29 0a 0a 20 20 20 20 63 6f 6e 73 74 20 5b 74 61 ).. const [ta
0ca0: 67 5d 20 3d 20 72 69 6f 74 2e 6d 6f 75 6e 74 28 g] = riot.mount(
0cb0: 27 72 69 6f 74 2d 74 6d 70 27 29 0a 20 20 20 20 'riot-tmp').
0cc0: 63 6f 6e 73 74 20 5b 66 69 72 73 74 54 61 67 2c const [firstTag,
0cd0: 20 73 65 63 6f 6e 64 54 61 67 2c 20 74 68 69 72 secondTag, thir
0ce0: 64 54 61 67 5d 20 3d 20 74 61 67 2e 72 65 66 73 dTag] = tag.refs
0cf0: 2e 63 68 69 6c 64 72 65 6e 0a 0a 20 20 20 20 74 .children.. t
0d00: 61 67 2e 69 74 65 6d 73 5b 30 5d 20 3d 20 7b 20 ag.items[0] = {
0d10: 69 64 3a 20 32 20 7d 0a 20 20 20 20 74 61 67 2e id: 2 }. tag.
0d20: 69 74 65 6d 73 5b 31 5d 20 3d 20 7b 20 69 64 3a items[1] = { id:
0d30: 20 31 20 7d 0a 20 20 20 20 74 61 67 2e 69 74 65 1 }. tag.ite
0d40: 6d 73 5b 32 5d 20 3d 20 7b 20 69 64 3a 20 30 20 ms[2] = { id: 0
0d50: 7d 0a 0a 20 20 20 20 74 61 67 2e 75 70 64 61 74 }.. tag.updat
0d60: 65 28 29 0a 0a 20 20 20 20 65 78 70 65 63 74 28 e().. expect(
0d70: 66 69 72 73 74 54 61 67 2e 5f 72 69 6f 74 5f 69 firstTag._riot_i
0d80: 64 29 2e 74 6f 2e 62 65 2e 65 71 75 61 6c 28 74 d).to.be.equal(t
0d90: 61 67 2e 72 65 66 73 2e 63 68 69 6c 64 72 65 6e ag.refs.children
0da0: 5b 32 5d 2e 5f 72 69 6f 74 5f 69 64 29 0a 20 20 [2]._riot_id).
0db0: 20 20 65 78 70 65 63 74 28 73 65 63 6f 6e 64 54 expect(secondT
0dc0: 61 67 2e 5f 72 69 6f 74 5f 69 64 29 2e 74 6f 2e ag._riot_id).to.
0dd0: 62 65 2e 65 71 75 61 6c 28 74 61 67 2e 72 65 66 be.equal(tag.ref
0de0: 73 2e 63 68 69 6c 64 72 65 6e 5b 31 5d 2e 5f 72 s.children[1]._r
0df0: 69 6f 74 5f 69 64 29 0a 20 20 20 20 65 78 70 65 iot_id). expe
0e00: 63 74 28 74 68 69 72 64 54 61 67 2e 5f 72 69 6f ct(thirdTag._rio
0e10: 74 5f 69 64 29 2e 74 6f 2e 62 65 2e 65 71 75 61 t_id).to.be.equa
0e20: 6c 28 74 61 67 2e 72 65 66 73 2e 63 68 69 6c 64 l(tag.refs.child
0e30: 72 65 6e 5b 30 5d 2e 5f 72 69 6f 74 5f 69 64 29 ren[0]._riot_id)
0e40: 0a 0a 20 20 20 20 74 61 67 2e 75 6e 6d 6f 75 6e .. tag.unmoun
0e50: 74 28 29 0a 20 20 7d 29 0a 0a 20 20 69 74 28 27 t(). }).. it('
0e60: 63 6f 6e 64 69 74 69 6f 6e 61 6c 20 61 6e 64 20 conditional and
0e70: 6c 6f 6f 70 20 77 69 74 68 20 73 74 72 69 6e 67 loop with string
0e80: 73 20 28 69 73 73 75 65 20 32 35 37 34 29 27 2c s (issue 2574)',
0e90: 20 28 29 20 3d 3e 20 7b 0a 20 20 20 20 69 6e 6a () => {. inj
0ea0: 65 63 74 48 54 4d 4c 28 27 3c 72 69 6f 74 2d 74 ectHTML('<riot-t
0eb0: 6d 70 3e 3c 2f 72 69 6f 74 2d 74 6d 70 3e 27 29 mp></riot-tmp>')
0ec0: 0a 0a 20 20 20 20 72 69 6f 74 2e 74 61 67 28 27 .. riot.tag('
0ed0: 72 69 6f 74 2d 74 6d 70 27 2c 20 27 3c 70 20 72 riot-tmp', '<p r
0ee0: 65 66 3d 22 6c 65 74 74 65 72 22 20 65 61 63 68 ef="letter" each
0ef0: 3d 22 7b 20 6c 65 74 74 65 72 20 69 6e 20 5c 27 ="{ letter in \'
0f00: 73 74 72 69 6e 67 5c 27 20 7d 22 20 69 66 3d 22 string\' }" if="
0f10: 7b 20 2f 73 7c 74 2f 2e 74 65 73 74 28 6c 65 74 { /s|t/.test(let
0f20: 74 65 72 29 20 7d 22 3e 7b 6c 65 74 74 65 72 7d ter) }">{letter}
0f30: 3c 2f 70 3e 27 29 0a 0a 20 20 20 20 63 6f 6e 73 </p>').. cons
0f40: 74 20 5b 74 61 67 5d 20 3d 20 72 69 6f 74 2e 6d t [tag] = riot.m
0f50: 6f 75 6e 74 28 27 72 69 6f 74 2d 74 6d 70 27 29 ount('riot-tmp')
0f60: 0a 0a 20 20 20 20 65 78 70 65 63 74 28 74 61 67 .. expect(tag
0f70: 2e 72 65 66 73 2e 6c 65 74 74 65 72 29 2e 74 6f .refs.letter).to
0f80: 2e 68 61 76 65 2e 6c 65 6e 67 74 68 28 32 29 0a .have.length(2).
0f90: 0a 20 20 20 20 74 61 67 2e 75 6e 6d 6f 75 6e 74 . tag.unmount
0fa0: 28 29 0a 20 20 7d 29 0a 0a 20 20 69 74 28 27 6f (). }).. it('o
0fb0: 62 6a 65 63 74 20 6c 6f 6f 70 20 73 68 6f 75 6c bject loop shoul
0fc0: 64 20 75 6e 6d 6f 75 6e 74 20 63 68 69 6c 64 20 d unmount child
0fd0: 6e 6f 64 65 73 20 70 72 6f 70 65 72 6c 79 20 28 nodes properly (
0fe0: 69 73 73 75 65 20 32 35 38 30 29 27 2c 20 28 29 issue 2580)', ()
0ff0: 20 3d 3e 20 7b 0a 20 20 20 20 69 6e 6a 65 63 74 => {. inject
1000: 48 54 4d 4c 28 27 3c 72 69 6f 74 2d 74 6d 70 3e HTML('<riot-tmp>
1010: 3c 2f 72 69 6f 74 2d 74 6d 70 3e 27 29 0a 0a 20 </riot-tmp>')..
1020: 20 20 20 72 69 6f 74 2e 74 61 67 28 27 72 69 6f riot.tag('rio
1030: 74 2d 74 6d 70 2d 73 75 62 27 2c 20 27 3c 64 69 t-tmp-sub', '<di
1040: 76 3e 7b 6f 70 74 73 2e 69 64 65 6e 74 69 66 69 v>{opts.identifi
1050: 65 72 7d 3c 2f 64 69 76 3e 27 2c 20 66 75 6e 63 er}</div>', func
1060: 74 69 6f 6e 28 6f 70 74 73 29 20 7b 0a 20 20 20 tion(opts) {.
1070: 20 20 20 74 68 69 73 2e 69 64 20 3d 20 6f 70 74 this.id = opt
1080: 73 2e 69 64 65 6e 74 69 66 69 65 72 0a 20 20 20 s.identifier.
1090: 20 7d 29 0a 0a 20 20 20 20 72 69 6f 74 2e 74 61 }).. riot.ta
10a0: 67 28 27 72 69 6f 74 2d 74 6d 70 27 2c 20 27 3c g('riot-tmp', '<
10b0: 72 69 6f 74 2d 74 6d 70 2d 73 75 62 20 6b 65 79 riot-tmp-sub key
10c0: 3d 22 7b 20 69 74 65 6d 2e 69 64 20 7d 22 20 65 ="{ item.id }" e
10d0: 61 63 68 3d 22 7b 69 74 65 6d 20 69 6e 20 69 74 ach="{item in it
10e0: 65 6d 73 7d 22 20 72 65 66 3d 22 63 68 69 6c 64 ems}" ref="child
10f0: 72 65 6e 22 20 69 64 65 6e 74 69 66 69 65 72 3d ren" identifier=
1100: 22 7b 20 69 74 65 6d 2e 69 64 20 7d 22 20 2f 3e "{ item.id }" />
1110: 27 2c 20 66 75 6e 63 74 69 6f 6e 28 29 20 7b 0a ', function() {.
1120: 20 20 20 20 20 20 74 68 69 73 2e 69 74 65 6d 73 this.items
1130: 20 3d 20 7b 0a 20 20 20 20 20 20 20 20 31 3a 20 = {. 1:
1140: 7b 20 69 64 3a 20 31 20 7d 2c 0a 20 20 20 20 20 { id: 1 },.
1150: 20 20 20 32 3a 20 7b 20 69 64 3a 20 32 20 7d 2c 2: { id: 2 },
1160: 0a 20 20 20 20 20 20 20 20 33 3a 20 7b 20 69 64 . 3: { id
1170: 3a 20 33 20 7d 2c 0a 20 20 20 20 20 20 7d 0a 20 : 3 },. }.
1180: 20 20 20 7d 29 0a 0a 20 20 20 20 63 6f 6e 73 74 }).. const
1190: 20 5b 74 61 67 5d 20 3d 20 72 69 6f 74 2e 6d 6f [tag] = riot.mo
11a0: 75 6e 74 28 27 72 69 6f 74 2d 74 6d 70 27 29 0a unt('riot-tmp').
11b0: 20 20 20 20 63 6f 6e 73 74 20 5b 66 69 72 73 74 const [first
11c0: 54 61 67 2c 20 73 65 63 6f 6e 64 54 61 67 2c 20 Tag, secondTag,
11d0: 74 68 69 72 64 54 61 67 5d 20 3d 20 74 61 67 2e thirdTag] = tag.
11e0: 72 65 66 73 2e 63 68 69 6c 64 72 65 6e 20 2f 2f refs.children //
11f0: 20 65 73 6c 69 6e 74 2d 64 69 73 61 62 6c 65 2d eslint-disable-
1200: 6c 69 6e 65 0a 0a 20 20 20 20 64 65 6c 65 74 65 line.. delete
1210: 20 74 61 67 2e 69 74 65 6d 73 5b 32 5d 0a 0a 20 tag.items[2]..
1220: 20 20 20 74 61 67 2e 75 70 64 61 74 65 28 29 0a tag.update().
1230: 0a 20 20 20 20 65 78 70 65 63 74 28 66 69 72 73 . expect(firs
1240: 74 54 61 67 2e 5f 72 69 6f 74 5f 69 64 29 2e 74 tTag._riot_id).t
1250: 6f 2e 62 65 2e 65 71 75 61 6c 28 74 61 67 2e 72 o.be.equal(tag.r
1260: 65 66 73 2e 63 68 69 6c 64 72 65 6e 5b 30 5d 2e efs.children[0].
1270: 5f 72 69 6f 74 5f 69 64 29 0a 20 20 20 20 65 78 _riot_id). ex
1280: 70 65 63 74 28 74 68 69 72 64 54 61 67 2e 5f 72 pect(thirdTag._r
1290: 69 6f 74 5f 69 64 29 2e 74 6f 2e 62 65 2e 65 71 iot_id).to.be.eq
12a0: 75 61 6c 28 74 61 67 2e 72 65 66 73 2e 63 68 69 ual(tag.refs.chi
12b0: 6c 64 72 65 6e 5b 31 5d 2e 5f 72 69 6f 74 5f 69 ldren[1]._riot_i
12c0: 64 29 0a 0a 20 20 20 20 74 61 67 2e 75 6e 6d 6f d).. tag.unmo
12d0: 75 6e 74 28 29 0a 20 20 7d 29 0a 7d 29 unt(). }).})