Artifact
5d25bbd11aba9c9f29a644fa61c8cd1f1c5d6f0404bb3c01ca3677a1723280d1:
0000: 69 6d 70 6f 72 74 20 7b 0a 20 20 69 6e 6a 65 63 import {. injec
0010: 74 48 54 4d 4c 2c 0a 20 20 24 2c 0a 20 20 24 24 tHTML,. $,. $$
0020: 0a 7d 20 66 72 6f 6d 20 27 2e 2e 2f 2e 2e 2f 2e .} from '../../.
0030: 2e 2f 68 65 6c 70 65 72 73 2f 69 6e 64 65 78 27 ./helpers/index'
0040: 0a 0a 64 65 73 63 72 69 62 65 28 27 52 69 6f 74 ..describe('Riot
0050: 20 73 68 6f 77 2f 68 69 64 65 27 2c 20 66 75 6e show/hide', fun
0060: 63 74 69 6f 6e 28 29 20 7b 0a 20 20 69 74 28 27 ction() {. it('
0070: 74 68 65 20 73 68 6f 77 20 64 69 72 65 63 74 69 the show directi
0080: 76 65 20 77 6f 72 6b 73 20 61 73 20 65 78 70 65 ve works as expe
0090: 63 74 65 64 27 2c 20 66 75 6e 63 74 69 6f 6e 28 cted', function(
00a0: 29 20 7b 0a 20 20 20 20 72 69 6f 74 2e 74 61 67 ) {. riot.tag
00b0: 28 27 72 69 6f 74 2d 74 6d 70 27 2c 20 27 3c 70 ('riot-tmp', '<p
00c0: 20 73 68 6f 77 3d 22 7b 20 69 73 56 69 73 69 62 show="{ isVisib
00d0: 6c 65 20 7d 22 3e 66 6f 6f 3c 2f 70 3e 3c 70 20 le }">foo</p><p
00e0: 68 69 64 65 3d 22 7b 20 69 73 56 69 73 69 62 6c hide="{ isVisibl
00f0: 65 20 7d 22 3e 66 6f 6f 3c 2f 70 3e 27 29 0a 20 e }">foo</p>').
0100: 20 20 20 69 6e 6a 65 63 74 48 54 4d 4c 28 27 3c injectHTML('<
0110: 72 69 6f 74 2d 74 6d 70 3e 3c 2f 72 69 6f 74 2d riot-tmp></riot-
0120: 74 6d 70 3e 27 29 0a 20 20 20 20 76 61 72 20 74 tmp>'). var t
0130: 61 67 20 3d 20 72 69 6f 74 2e 6d 6f 75 6e 74 28 ag = riot.mount(
0140: 27 72 69 6f 74 2d 74 6d 70 27 29 5b 30 5d 2c 0a 'riot-tmp')[0],.
0150: 20 20 20 20 20 20 70 20 3d 20 24 24 28 27 70 27 p = $$('p'
0160: 2c 20 74 61 67 2e 72 6f 6f 74 29 0a 0a 20 20 20 , tag.root)..
0170: 20 65 78 70 65 63 74 28 70 5b 30 5d 2e 73 74 79 expect(p[0].sty
0180: 6c 65 2e 64 69 73 70 6c 61 79 29 2e 74 6f 2e 62 le.display).to.b
0190: 65 2e 65 71 75 61 6c 28 27 6e 6f 6e 65 27 29 0a e.equal('none').
01a0: 20 20 20 20 65 78 70 65 63 74 28 70 5b 30 5d 2e expect(p[0].
01b0: 68 69 64 64 65 6e 29 2e 74 6f 2e 62 65 2e 6f 6b hidden).to.be.ok
01c0: 0a 20 20 20 20 65 78 70 65 63 74 28 70 5b 31 5d . expect(p[1]
01d0: 2e 73 74 79 6c 65 2e 64 69 73 70 6c 61 79 29 2e .style.display).
01e0: 74 6f 2e 62 65 2e 6e 6f 74 2e 65 71 75 61 6c 28 to.be.not.equal(
01f0: 27 6e 6f 6e 65 27 29 0a 20 20 20 20 65 78 70 65 'none'). expe
0200: 63 74 28 70 5b 31 5d 2e 68 69 64 64 65 6e 29 2e ct(p[1].hidden).
0210: 74 6f 2e 62 65 2e 6e 6f 74 2e 6f 6b 0a 20 20 20 to.be.not.ok.
0220: 20 74 61 67 2e 69 73 56 69 73 69 62 6c 65 20 3d tag.isVisible =
0230: 20 74 72 75 65 0a 20 20 20 20 74 61 67 2e 75 70 true. tag.up
0240: 64 61 74 65 28 29 0a 20 20 20 20 65 78 70 65 63 date(). expec
0250: 74 28 70 5b 30 5d 2e 73 74 79 6c 65 2e 64 69 73 t(p[0].style.dis
0260: 70 6c 61 79 29 2e 74 6f 2e 62 65 2e 6e 6f 74 2e play).to.be.not.
0270: 65 71 75 61 6c 28 27 6e 6f 6e 65 27 29 0a 20 20 equal('none').
0280: 20 20 65 78 70 65 63 74 28 70 5b 30 5d 2e 68 69 expect(p[0].hi
0290: 64 64 65 6e 29 2e 74 6f 2e 62 65 2e 6e 6f 74 2e dden).to.be.not.
02a0: 6f 6b 0a 20 20 20 20 65 78 70 65 63 74 28 70 5b ok. expect(p[
02b0: 31 5d 2e 73 74 79 6c 65 2e 64 69 73 70 6c 61 79 1].style.display
02c0: 29 2e 74 6f 2e 62 65 2e 65 71 75 61 6c 28 27 6e ).to.be.equal('n
02d0: 6f 6e 65 27 29 0a 20 20 20 20 65 78 70 65 63 74 one'). expect
02e0: 28 70 5b 31 5d 2e 68 69 64 64 65 6e 29 2e 74 6f (p[1].hidden).to
02f0: 2e 62 65 2e 6f 6b 0a 20 20 20 20 74 61 67 2e 69 .be.ok. tag.i
0300: 73 56 69 73 69 62 6c 65 20 3d 20 66 61 6c 73 65 sVisible = false
0310: 0a 20 20 20 20 74 61 67 2e 75 70 64 61 74 65 28 . tag.update(
0320: 29 0a 20 20 20 20 65 78 70 65 63 74 28 70 5b 30 ). expect(p[0
0330: 5d 2e 73 74 79 6c 65 2e 64 69 73 70 6c 61 79 29 ].style.display)
0340: 2e 74 6f 2e 62 65 2e 65 71 75 61 6c 28 27 6e 6f .to.be.equal('no
0350: 6e 65 27 29 0a 20 20 20 20 65 78 70 65 63 74 28 ne'). expect(
0360: 70 5b 30 5d 2e 68 69 64 64 65 6e 29 2e 74 6f 2e p[0].hidden).to.
0370: 62 65 2e 6f 6b 0a 20 20 20 20 65 78 70 65 63 74 be.ok. expect
0380: 28 70 5b 31 5d 2e 73 74 79 6c 65 2e 64 69 73 70 (p[1].style.disp
0390: 6c 61 79 29 2e 74 6f 2e 62 65 2e 6e 6f 74 2e 65 lay).to.be.not.e
03a0: 71 75 61 6c 28 27 6e 6f 6e 65 27 29 0a 20 20 20 qual('none').
03b0: 20 65 78 70 65 63 74 28 70 5b 31 5d 2e 68 69 64 expect(p[1].hid
03c0: 64 65 6e 29 2e 74 6f 2e 62 65 2e 6e 6f 74 2e 6f den).to.be.not.o
03d0: 6b 0a 0a 20 20 20 20 74 61 67 2e 75 6e 6d 6f 75 k.. tag.unmou
03e0: 6e 74 28 29 0a 20 20 7d 29 0a 0a 20 20 69 74 28 nt(). }).. it(
03f0: 27 74 68 65 20 73 68 6f 77 20 64 69 72 65 63 74 'the show direct
0400: 69 76 65 20 67 65 74 73 20 70 72 65 73 65 72 76 ive gets preserv
0410: 65 64 20 61 6c 73 6f 20 69 6e 20 63 61 73 65 20 ed also in case
0420: 6f 66 20 73 74 79 6c 65 20 65 78 70 72 65 73 73 of style express
0430: 69 6f 6e 73 20 75 70 64 61 74 65 73 27 2c 20 66 ions updates', f
0440: 75 6e 63 74 69 6f 6e 28 29 20 7b 0a 20 20 20 20 unction() {.
0450: 72 69 6f 74 2e 74 61 67 28 27 72 69 6f 74 2d 74 riot.tag('riot-t
0460: 6d 70 27 2c 20 27 3c 70 20 73 68 6f 77 3d 22 7b mp', '<p show="{
0470: 20 69 73 56 69 73 69 62 6c 65 20 7d 22 20 72 69 isVisible }" ri
0480: 6f 74 2d 73 74 79 6c 65 3d 22 7b 20 5c 27 63 6f ot-style="{ \'co
0490: 6c 6f 72 3a 72 65 64 5c 27 20 7d 22 3e 66 6f 6f lor:red\' }">foo
04a0: 3c 2f 70 3e 27 29 0a 20 20 20 20 69 6e 6a 65 63 </p>'). injec
04b0: 74 48 54 4d 4c 28 27 3c 72 69 6f 74 2d 74 6d 70 tHTML('<riot-tmp
04c0: 3e 3c 2f 72 69 6f 74 2d 74 6d 70 3e 27 29 0a 20 ></riot-tmp>').
04d0: 20 20 20 76 61 72 20 74 61 67 20 3d 20 72 69 6f var tag = rio
04e0: 74 2e 6d 6f 75 6e 74 28 27 72 69 6f 74 2d 74 6d t.mount('riot-tm
04f0: 70 27 29 5b 30 5d 2c 0a 20 20 20 20 20 20 70 20 p')[0],. p
0500: 3d 20 24 28 27 70 27 2c 20 74 61 67 2e 72 6f 6f = $('p', tag.roo
0510: 74 29 0a 0a 20 20 20 20 65 78 70 65 63 74 28 70 t).. expect(p
0520: 2e 73 74 79 6c 65 2e 64 69 73 70 6c 61 79 29 2e .style.display).
0530: 74 6f 2e 62 65 2e 65 71 75 61 6c 28 27 6e 6f 6e to.be.equal('non
0540: 65 27 29 0a 20 20 20 20 65 78 70 65 63 74 28 70 e'). expect(p
0550: 2e 68 69 64 64 65 6e 29 2e 74 6f 2e 62 65 2e 6f .hidden).to.be.o
0560: 6b 0a 20 20 20 20 65 78 70 65 63 74 28 70 2e 73 k. expect(p.s
0570: 74 79 6c 65 2e 63 6f 6c 6f 72 29 2e 74 6f 2e 62 tyle.color).to.b
0580: 65 2e 65 71 75 61 6c 28 27 72 65 64 27 29 0a 20 e.equal('red').
0590: 20 20 20 74 61 67 2e 69 73 56 69 73 69 62 6c 65 tag.isVisible
05a0: 20 3d 20 74 72 75 65 0a 20 20 20 20 74 61 67 2e = true. tag.
05b0: 75 70 64 61 74 65 28 29 0a 0a 20 20 20 20 65 78 update().. ex
05c0: 70 65 63 74 28 70 2e 73 74 79 6c 65 2e 64 69 73 pect(p.style.dis
05d0: 70 6c 61 79 29 2e 74 6f 2e 62 65 2e 6e 6f 74 2e play).to.be.not.
05e0: 65 71 75 61 6c 28 27 6e 6f 6e 65 27 29 0a 20 20 equal('none').
05f0: 20 20 65 78 70 65 63 74 28 70 2e 68 69 64 64 65 expect(p.hidde
0600: 6e 29 2e 74 6f 2e 62 65 2e 6e 6f 74 2e 6f 6b 0a n).to.be.not.ok.
0610: 20 20 20 20 65 78 70 65 63 74 28 70 2e 73 74 79 expect(p.sty
0620: 6c 65 2e 63 6f 6c 6f 72 29 2e 74 6f 2e 62 65 2e le.color).to.be.
0630: 65 71 75 61 6c 28 27 72 65 64 27 29 0a 0a 20 20 equal('red')..
0640: 20 20 74 61 67 2e 75 6e 6d 6f 75 6e 74 28 29 0a tag.unmount().
0650: 20 20 7d 29 0a 0a 20 20 69 74 28 27 74 68 65 20 }).. it('the
0660: 73 68 6f 77 20 64 69 72 65 63 74 69 76 65 20 77 show directive w
0670: 6f 72 6b 73 20 70 72 6f 70 65 72 6c 79 20 61 6c orks properly al
0680: 73 6f 20 61 67 61 69 6e 73 74 20 6f 62 6a 65 63 so against objec
0690: 74 73 27 2c 20 66 75 6e 63 74 69 6f 6e 28 29 20 ts', function()
06a0: 7b 0a 20 20 20 20 72 69 6f 74 2e 74 61 67 28 27 {. riot.tag('
06b0: 72 69 6f 74 2d 74 6d 70 27 2c 20 27 3c 70 20 73 riot-tmp', '<p s
06c0: 68 6f 77 3d 22 7b 20 6f 62 6a 31 20 7c 7c 20 6f how="{ obj1 || o
06d0: 62 6a 32 20 7d 22 3e 66 6f 6f 3c 2f 70 3e 27 29 bj2 }">foo</p>')
06e0: 0a 20 20 20 20 69 6e 6a 65 63 74 48 54 4d 4c 28 . injectHTML(
06f0: 27 3c 72 69 6f 74 2d 74 6d 70 3e 3c 2f 72 69 6f '<riot-tmp></rio
0700: 74 2d 74 6d 70 3e 27 29 0a 20 20 20 20 76 61 72 t-tmp>'). var
0710: 20 74 61 67 20 3d 20 72 69 6f 74 2e 6d 6f 75 6e tag = riot.moun
0720: 74 28 27 72 69 6f 74 2d 74 6d 70 27 29 5b 30 5d t('riot-tmp')[0]
0730: 2c 0a 20 20 20 20 20 20 70 20 3d 20 24 28 27 70 ,. p = $('p
0740: 27 2c 20 74 61 67 2e 72 6f 6f 74 29 0a 0a 20 20 ', tag.root)..
0750: 20 20 74 61 67 2e 6f 62 6a 31 20 3d 20 75 6e 64 tag.obj1 = und
0760: 65 66 69 6e 65 64 0a 20 20 20 20 74 61 67 2e 6f efined. tag.o
0770: 62 6a 32 20 3d 20 75 6e 64 65 66 69 6e 65 64 0a bj2 = undefined.
0780: 0a 20 20 20 20 65 78 70 65 63 74 28 70 2e 68 69 . expect(p.hi
0790: 64 64 65 6e 29 2e 74 6f 2e 62 65 2e 6f 6b 0a 0a dden).to.be.ok..
07a0: 20 20 20 20 74 61 67 2e 6f 62 6a 31 20 3d 20 7b tag.obj1 = {
07b0: 20 61 3a 20 27 66 6f 6f 27 20 7d 0a 20 20 20 20 a: 'foo' }.
07c0: 74 61 67 2e 6f 62 6a 32 20 3d 20 66 61 6c 73 65 tag.obj2 = false
07d0: 0a 0a 20 20 20 20 74 61 67 2e 75 70 64 61 74 65 .. tag.update
07e0: 28 29 0a 0a 20 20 20 20 65 78 70 65 63 74 28 70 ().. expect(p
07f0: 2e 68 69 64 64 65 6e 29 2e 74 6f 2e 62 65 2e 6e .hidden).to.be.n
0800: 6f 74 2e 6f 6b 0a 20 20 20 20 74 61 67 2e 75 6e ot.ok. tag.un
0810: 6d 6f 75 6e 74 28 29 0a 20 20 7d 29 0a 0a 20 20 mount(). })..
0820: 69 74 28 27 74 68 65 20 73 68 6f 77 20 64 69 72 it('the show dir
0830: 65 63 74 69 76 65 20 65 76 61 6c 75 61 74 65 73 ective evaluates
0840: 20 61 6c 73 6f 20 74 68 65 20 70 61 72 65 6e 74 also the parent
0850: 20 76 61 6c 75 65 73 27 2c 20 66 75 6e 63 74 69 values', functi
0860: 6f 6e 28 29 20 7b 0a 20 20 20 20 72 69 6f 74 2e on() {. riot.
0870: 74 61 67 28 27 72 69 6f 74 2d 74 6d 70 27 2c 20 tag('riot-tmp',
0880: 60 0a 20 20 20 20 20 20 3c 72 69 6f 74 2d 74 6d `. <riot-tm
0890: 70 2d 73 75 62 20 65 61 63 68 3d 22 7b 20 69 74 p-sub each="{ it
08a0: 65 6d 20 69 6e 20 69 74 65 6d 73 20 7d 22 20 73 em in items }" s
08b0: 68 6f 77 3d 22 7b 73 65 6c 65 63 74 65 64 20 3d how="{selected =
08c0: 3d 3d 20 69 74 65 6d 7d 22 3e 3c 2f 72 69 6f 74 == item}"></riot
08d0: 2d 74 6d 70 2d 73 75 62 3e 0a 20 20 20 20 60 2c -tmp-sub>. `,
08e0: 20 66 75 6e 63 74 69 6f 6e 28 29 20 7b 0a 20 20 function() {.
08f0: 20 20 20 20 74 68 69 73 2e 69 74 65 6d 73 20 3d this.items =
0900: 20 5b 27 75 6e 6f 27 2c 20 27 64 75 65 27 5d 0a ['uno', 'due'].
0910: 20 20 20 20 20 20 74 68 69 73 2e 73 65 6c 65 63 this.selec
0920: 74 65 64 20 3d 20 27 75 6e 6f 27 0a 20 20 20 20 ted = 'uno'.
0930: 7d 29 0a 20 20 20 20 72 69 6f 74 2e 74 61 67 28 }). riot.tag(
0940: 27 72 69 6f 74 2d 74 6d 70 2d 73 75 62 27 2c 20 'riot-tmp-sub',
0950: 27 3c 70 3e 7b 20 6f 70 74 73 2e 69 74 65 6d 20 '<p>{ opts.item
0960: 7d 3c 2f 70 3e 27 29 0a 20 20 20 20 69 6e 6a 65 }</p>'). inje
0970: 63 74 48 54 4d 4c 28 27 3c 72 69 6f 74 2d 74 6d ctHTML('<riot-tm
0980: 70 3e 3c 2f 72 69 6f 74 2d 74 6d 70 3e 27 29 0a p></riot-tmp>').
0990: 0a 20 20 20 20 76 61 72 20 74 61 67 20 3d 20 72 . var tag = r
09a0: 69 6f 74 2e 6d 6f 75 6e 74 28 27 72 69 6f 74 2d iot.mount('riot-
09b0: 74 6d 70 27 29 5b 30 5d 0a 0a 20 20 20 20 65 78 tmp')[0].. ex
09c0: 70 65 63 74 28 74 61 67 2e 74 61 67 73 5b 27 72 pect(tag.tags['r
09d0: 69 6f 74 2d 74 6d 70 2d 73 75 62 27 5d 2e 6c 65 iot-tmp-sub'].le
09e0: 6e 67 74 68 29 2e 74 6f 2e 62 65 2e 65 71 75 61 ngth).to.be.equa
09f0: 6c 28 32 29 0a 0a 20 20 20 20 65 78 70 65 63 74 l(2).. expect
0a00: 28 74 61 67 2e 74 61 67 73 5b 27 72 69 6f 74 2d (tag.tags['riot-
0a10: 74 6d 70 2d 73 75 62 27 5d 5b 30 5d 2e 72 6f 6f tmp-sub'][0].roo
0a20: 74 2e 68 69 64 64 65 6e 29 2e 74 6f 2e 62 65 2e t.hidden).to.be.
0a30: 6e 6f 74 2e 6f 6b 0a 20 20 20 20 65 78 70 65 63 not.ok. expec
0a40: 74 28 74 61 67 2e 74 61 67 73 5b 27 72 69 6f 74 t(tag.tags['riot
0a50: 2d 74 6d 70 2d 73 75 62 27 5d 5b 31 5d 2e 72 6f -tmp-sub'][1].ro
0a60: 6f 74 2e 68 69 64 64 65 6e 29 2e 74 6f 2e 62 65 ot.hidden).to.be
0a70: 2e 6f 6b 0a 0a 20 20 20 20 74 61 67 2e 75 6e 6d .ok.. tag.unm
0a80: 6f 75 6e 74 28 29 0a 20 20 7d 29 0a 0a 20 20 69 ount(). }).. i
0a90: 74 28 27 74 68 65 20 73 68 6f 77 20 64 69 72 65 t('the show dire
0aa0: 63 74 69 76 65 20 67 69 76 65 73 20 70 72 69 6f ctive gives prio
0ab0: 72 69 74 79 20 74 6f 20 74 68 65 20 63 68 69 6c rity to the chil
0ac0: 64 20 76 61 6c 75 65 73 20 28 73 65 65 20 23 32 d values (see #2
0ad0: 33 33 33 29 27 2c 20 66 75 6e 63 74 69 6f 6e 28 333)', function(
0ae0: 29 20 7b 0a 20 20 20 20 72 69 6f 74 2e 74 61 67 ) {. riot.tag
0af0: 28 27 72 69 6f 74 2d 74 6d 70 27 2c 20 60 0a 20 ('riot-tmp', `.
0b00: 20 20 20 20 20 3c 72 69 6f 74 2d 74 6d 70 2d 73 <riot-tmp-s
0b10: 75 62 20 73 68 6f 77 3d 22 7b 6e 75 6d 62 65 72 ub show="{number
0b20: 20 3d 3d 3d 20 31 7d 22 3e 3c 2f 72 69 6f 74 2d === 1}"></riot-
0b30: 74 6d 70 2d 73 75 62 3e 0a 20 20 20 20 60 2c 20 tmp-sub>. `,
0b40: 66 75 6e 63 74 69 6f 6e 28 29 20 7b 0a 20 20 20 function() {.
0b50: 20 20 20 74 68 69 73 2e 6e 75 6d 62 65 72 20 3d this.number =
0b60: 20 31 0a 20 20 20 20 7d 29 0a 20 20 20 20 72 69 1. }). ri
0b70: 6f 74 2e 74 61 67 28 27 72 69 6f 74 2d 74 6d 70 ot.tag('riot-tmp
0b80: 2d 73 75 62 27 2c 20 27 3c 70 20 72 65 66 3d 22 -sub', '<p ref="
0b90: 70 22 20 69 66 3d 7b 6e 75 6d 62 65 72 20 3d 3d p" if={number ==
0ba0: 3d 20 32 7d 3e 7b 20 6f 70 74 73 2e 69 74 65 6d = 2}>{ opts.item
0bb0: 20 7d 3c 2f 70 3e 27 2c 20 66 75 6e 63 74 69 6f }</p>', functio
0bc0: 6e 28 29 20 7b 0a 20 20 20 20 20 20 74 68 69 73 n() {. this
0bd0: 2e 6e 75 6d 62 65 72 20 3d 20 32 0a 20 20 20 20 .number = 2.
0be0: 7d 29 0a 20 20 20 20 69 6e 6a 65 63 74 48 54 4d }). injectHTM
0bf0: 4c 28 27 3c 72 69 6f 74 2d 74 6d 70 3e 3c 2f 72 L('<riot-tmp></r
0c00: 69 6f 74 2d 74 6d 70 3e 27 29 0a 0a 20 20 20 20 iot-tmp>')..
0c10: 76 61 72 20 74 61 67 20 3d 20 72 69 6f 74 2e 6d var tag = riot.m
0c20: 6f 75 6e 74 28 27 72 69 6f 74 2d 74 6d 70 27 29 ount('riot-tmp')
0c30: 5b 30 5d 0a 0a 20 20 20 20 65 78 70 65 63 74 28 [0].. expect(
0c40: 74 61 67 2e 74 61 67 73 5b 27 72 69 6f 74 2d 74 tag.tags['riot-t
0c50: 6d 70 2d 73 75 62 27 5d 2e 72 65 66 73 2e 70 2e mp-sub'].refs.p.
0c60: 68 69 64 64 65 6e 29 2e 74 6f 2e 62 65 2e 6e 6f hidden).to.be.no
0c70: 74 2e 6f 6b 0a 0a 20 20 20 20 74 61 67 2e 75 6e t.ok.. tag.un
0c80: 6d 6f 75 6e 74 28 29 0a 20 20 7d 29 0a 0a 20 20 mount(). })..
0c90: 69 74 28 27 74 68 65 20 73 68 6f 77 20 64 69 72 it('the show dir
0ca0: 65 63 74 69 76 65 20 63 6f 6d 62 69 6e 65 64 20 ective combined
0cb0: 77 69 74 68 20 79 69 65 6c 64 20 62 65 68 61 76 with yield behav
0cc0: 65 73 20 63 6f 6e 73 69 73 74 65 6e 74 6c 79 20 es consistently
0cd0: 6c 69 6b 65 20 74 68 65 20 69 66 20 64 69 72 65 like the if dire
0ce0: 63 74 69 76 65 20 28 73 65 65 20 23 32 34 34 38 ctive (see #2448
0cf0: 29 27 2c 20 66 75 6e 63 74 69 6f 6e 28 29 20 7b )', function() {
0d00: 0a 20 20 20 20 72 69 6f 74 2e 74 61 67 28 27 72 . riot.tag('r
0d10: 69 6f 74 2d 74 6d 70 27 2c 20 60 3c 72 69 6f 74 iot-tmp', `<riot
0d20: 2d 74 6d 70 2d 73 75 62 3e 0a 20 20 20 20 20 20 -tmp-sub>.
0d30: 20 20 3c 68 31 20 69 66 3d 27 7b 70 61 72 65 6e <h1 if='{paren
0d40: 74 2e 64 6f 49 74 7d 27 3e 73 68 6f 77 3c 2f 68 t.doIt}'>show</h
0d50: 31 3e 0a 20 20 20 20 20 20 20 20 3c 68 32 20 73 1>. <h2 s
0d60: 68 6f 77 3d 27 7b 70 61 72 65 6e 74 2e 64 6f 49 how='{parent.doI
0d70: 74 7d 27 3e 73 68 6f 77 3c 2f 68 32 3e 0a 20 20 t}'>show</h2>.
0d80: 20 20 20 20 3c 2f 72 69 6f 74 2d 74 6d 70 2d 73 </riot-tmp-s
0d90: 75 62 3e 60 2c 0a 20 20 20 20 66 75 6e 63 74 69 ub>`,. functi
0da0: 6f 6e 28 29 20 7b 0a 20 20 20 20 20 20 74 68 69 on() {. thi
0db0: 73 2e 64 6f 49 74 20 3d 20 74 72 75 65 0a 20 20 s.doIt = true.
0dc0: 20 20 7d 29 0a 0a 20 20 20 20 72 69 6f 74 2e 74 }).. riot.t
0dd0: 61 67 28 27 72 69 6f 74 2d 74 6d 70 2d 73 75 62 ag('riot-tmp-sub
0de0: 27 2c 20 27 3c 79 69 65 6c 64 2f 3e 27 29 0a 0a ', '<yield/>')..
0df0: 20 20 20 20 69 6e 6a 65 63 74 48 54 4d 4c 28 27 injectHTML('
0e00: 3c 72 69 6f 74 2d 74 6d 70 3e 3c 2f 72 69 6f 74 <riot-tmp></riot
0e10: 2d 74 6d 70 3e 27 29 0a 0a 20 20 20 20 63 6f 6e -tmp>').. con
0e20: 73 74 20 74 61 67 20 3d 20 72 69 6f 74 2e 6d 6f st tag = riot.mo
0e30: 75 6e 74 28 27 72 69 6f 74 2d 74 6d 70 27 29 5b unt('riot-tmp')[
0e40: 30 5d 2c 0a 20 20 20 20 20 20 73 75 62 52 6f 6f 0],. subRoo
0e50: 74 20 3d 20 74 61 67 2e 74 61 67 73 5b 27 72 69 t = tag.tags['ri
0e60: 6f 74 2d 74 6d 70 2d 73 75 62 27 5d 2e 72 6f 6f ot-tmp-sub'].roo
0e70: 74 0a 0a 0a 20 20 20 20 65 78 70 65 63 74 28 24 t... expect($
0e80: 28 27 68 31 27 2c 20 73 75 62 52 6f 6f 74 29 29 ('h1', subRoot))
0e90: 2e 74 6f 2e 62 65 2e 6f 6b 0a 20 20 20 20 65 78 .to.be.ok. ex
0ea0: 70 65 63 74 28 24 28 27 68 32 27 2c 20 73 75 62 pect($('h2', sub
0eb0: 52 6f 6f 74 29 2e 68 69 64 64 65 6e 29 2e 74 6f Root).hidden).to
0ec0: 2e 62 65 2e 6e 6f 74 2e 6f 6b 0a 0a 20 20 20 20 .be.not.ok..
0ed0: 74 61 67 2e 64 6f 49 74 20 3d 20 66 61 6c 73 65 tag.doIt = false
0ee0: 0a 20 20 20 20 74 61 67 2e 75 70 64 61 74 65 28 . tag.update(
0ef0: 29 0a 0a 20 20 20 20 65 78 70 65 63 74 28 24 28 ).. expect($(
0f00: 27 68 31 27 2c 20 73 75 62 52 6f 6f 74 29 29 2e 'h1', subRoot)).
0f10: 74 6f 2e 62 65 2e 6e 6f 74 2e 6f 6b 0a 20 20 20 to.be.not.ok.
0f20: 20 65 78 70 65 63 74 28 24 28 27 68 32 27 2c 20 expect($('h2',
0f30: 73 75 62 52 6f 6f 74 29 2e 68 69 64 64 65 6e 29 subRoot).hidden)
0f40: 2e 74 6f 2e 62 65 2e 6f 6b 0a 0a 20 20 20 20 74 .to.be.ok.. t
0f50: 61 67 2e 75 6e 6d 6f 75 6e 74 28 29 0a 20 20 7d ag.unmount(). }
0f60: 29 0a 7d 29 ).})