vsn 0.1.125 → 0.1.126

package/test/AST.spec.ts

@@ -28,7 +28,7 @@ describe('Tree', () => {
     it("should parse number literals correctly", async () => {
         scope = new Scope();
         let tree: Tree = new Tree('foo = 5;baz=-15;');
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         await tree.evaluate(scope, dom)
         expect(scope.get('baz')).toBe(-15);
         expect(scope.get('foo')).toBe(5);
@@ -41,7 +41,7 @@ describe('Tree', () => {
 
     it("should evaluate scope variables correctly", async () => {
         let tree: Tree = new Tree('foo');
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         expect(await tree.evaluate(scope, dom)).toBe(2);
 
         tree = new Tree('bar');
@@ -50,7 +50,7 @@ describe('Tree', () => {
 
     it("should be able to call functions within the scope", async () => {
         const tree: Tree = new Tree('baz.add(foo, bar)');
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         expect(await tree.evaluate(scope, dom)).toBe(5);
 
         scope.set('foo', 15);
@@ -60,7 +60,7 @@ describe('Tree', () => {
 
     it("should be able to call functions with literals", async () => {
         let tree: Tree = new Tree('baz.add(foo, 5)');
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         expect(await tree.evaluate(scope, dom)).toBe(7);
 
         scope.set('foo', 15);
@@ -72,7 +72,7 @@ describe('Tree', () => {
 
     it("should be able to call member variable of value returned from function call", async () => {
         const tree: Tree = new Tree('baz.generate("test", foo).test');
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         expect(await tree.evaluate(scope, dom)).toBe(2);
 
         scope.set('foo', 15);
@@ -81,7 +81,7 @@ describe('Tree', () => {
 
     it("should be able to call nested functions within the scope", async () => {
         const tree: Tree = new Tree('baz.add(baz.add(foo, foo), baz.add(bar, bar))');
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         expect(await tree.evaluate(scope, dom)).toBe(10);
 
         scope.set('foo', 15);
@@ -96,13 +96,13 @@ describe('Tree', () => {
             baz.add(100, 5);
             5;
         `);
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         expect(await tree.evaluate(scope, dom)).toBe(5);
     });
 
     it("should be able to compare properly", async () => {
         let tree: Tree = new Tree(`1!='1'`);
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         expect(await tree.evaluate(scope, dom)).toBe(true);
         tree = new Tree(`1==1`);
         expect(await tree.evaluate(scope, dom)).toBe(true);
@@ -114,7 +114,7 @@ describe('Tree', () => {
 
     it("should be able to execute if statements properly",async () => {
         let tree: Tree = new Tree('if (true) { return true; } else { return false; }');
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         expect(await tree.evaluate(scope, dom)).toBe(true);
         tree = new Tree('if (false) { return true; } else { return false; }');
         expect(await tree.evaluate(scope, dom)).toBe(false);
@@ -187,7 +187,7 @@ describe('Tree', () => {
 
     it("should be able to assign variables properly", async () => {
         let tree: Tree = new Tree(`something = 5;somethingElse=6;return something;`);
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         expect(await tree.evaluate(scope, dom)).toBe(5);
         expect(scope.get('something')).toBe(5);
         tree = new Tree(`something = somethingElse = 5;return something;`);
@@ -201,7 +201,7 @@ describe('Tree', () => {
 
     it("should be able to execute basic arithmetic", async () => {
         let tree: Tree = new Tree('5 + 3');
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         expect(await tree.evaluate(scope, dom)).toBe(8);
         tree = new Tree('8 - 3');
         expect(await tree.evaluate(scope, dom)).toBe(5);
@@ -209,7 +209,7 @@ describe('Tree', () => {
 
     it("should be able to assign with incrementing/decrementing variables properly", async () => {
         let tree: Tree = new Tree(`something = 5;something += 10;`);
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         expect(await tree.evaluate(scope, dom)).toBe(15);
         expect(scope.get('something')).toBe(15);
         tree = new Tree(`something = 5;something -= 10;`);
@@ -225,7 +225,7 @@ describe('Tree', () => {
 
     it("should be able to assign arrays with incrementing/decrementing variables properly", async () => {
         let tree: Tree = new Tree(`something = [5,6];something += 10;`);
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         await tree.evaluate(scope, dom);
         const something = scope.get('something');
         expect(something.length).toEqual(3);
@@ -260,7 +260,7 @@ describe('Tree', () => {
                 test = blockingFunction(test, 1, true);
             }
         `);
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         await tree.evaluate(scope, dom);
     });
 
@@ -272,14 +272,14 @@ describe('Tree', () => {
                 test += var;
             }
         `);
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         await tree.evaluate(scope, dom);
         expect(scope.get('test')).toBe(46);
     });
 
     it("should be able parse an array of numbers", async () => {
         let tree: Tree = new Tree(`test = [0,1,2,3,4,5];`);
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         await tree.evaluate(scope, dom);
 
         expect(scope.get('test').length).toBe(6);
@@ -290,7 +290,7 @@ describe('Tree', () => {
 
     it("should be able parse an array of strings", async () => {
         let tree: Tree = new Tree(`test = ["one","two","three"];`);
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         await tree.evaluate(scope, dom);
 
         expect(scope.get('test').length).toBe(3);
@@ -302,7 +302,7 @@ describe('Tree', () => {
 
     it("should be able parse an object literal", async () => {
         let tree: Tree = new Tree(`test = {"x":0,"y":1,"z":2};`);
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         await tree.evaluate(scope, dom);
         expect(scope.get('test').get('x')).toBe(0);
         expect(scope.get('test').get('y')).toBe(1);
@@ -311,7 +311,7 @@ describe('Tree', () => {
 
     it("should be able parse an object literal with a key from the scope", async () => {
         let tree: Tree = new Tree(`xKey = 'x'; test = {xKey:120,"y":1,"z":2};`);
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         await tree.evaluate(scope, dom);
         expect(scope.get('test').get('y')).toBe(1);
         expect(scope.get('test').get('z')).toBe(2);
@@ -320,7 +320,7 @@ describe('Tree', () => {
 
     it("should be able parse an object literal containing arrays", async () => {
         let tree: Tree = new Tree(`test = {"test_1": ["test", "testing"], "test_2": ["foo", "bar"]}`);
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         await tree.evaluate(scope, dom);
         expect(scope.get('test').get('test_1')[0]).toBe("test");
         expect(scope.get('test').get('test_1')[1]).toBe("testing");
@@ -330,7 +330,7 @@ describe('Tree', () => {
     
     it("should be able to check if item is in an array", async () => {
         let tree: Tree = new Tree(`a in [1,2,3]`);
-        const dom: DOM = new DOM(document, false);
+        const dom: DOM = new DOM(document.body, false);
         scope.set('a', 1);
         expect(await tree.evaluate(scope, dom)).toBe(true);
         scope.set('a', 4);

package/test/Controller.spec.ts

@@ -30,7 +30,7 @@ describe('Controller', () => {
         document.body.innerHTML = `
             <div id="controller" vsn-controller:test="ControllerTestController" vsn-set:test.test="notTest" vsn-bind="test.test"></div>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         const deferred = SimplePromise.defer();
         dom.once('built', async () => {
             const tag = await dom.exec('#controller');

package/test/DOM.spec.ts

@@ -10,7 +10,7 @@ describe('DOM', () => {
         document.body.innerHTML = `
             <div vsn-controller:test="TestController"></div>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const bodyTag = await dom.getTagForElement(document.body);
             expect(bodyTag.hasAttribute('vsn-root')).toBe(true)
@@ -26,7 +26,7 @@ describe('DOM', () => {
                 </div>
             </div>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             expect(await dom.exec('?(#parent).asd')).toBe(123);
             expect(await dom.exec('?(#testing).asd')).toBe(345);
@@ -49,7 +49,7 @@ describe('DOM', () => {
                 </main>
             </div>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const root = await dom.exec('#root');
             const child = await dom.exec('#child');

package/test/Tag/TagList.spec.ts

@@ -11,7 +11,7 @@ describe('TagList', () => {
             <p class="test">Test 3</p>
             <p class="testing">Test 4</p>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             let tags: TagList | DOMObject = await Query('p.test', dom) as TagList;
             expect(tags.length).toBe(2);

package/test/attributes/Bind.spec.ts

@@ -8,7 +8,7 @@ describe('Bind', () => {
         document.body.innerHTML = `
             <span id="test" vsn-name="test" vsn-bind="test.value">testing</span>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const tag = await dom.getTagForElement(document.getElementById('test'));
             expect(tag).toBeTruthy();
@@ -22,7 +22,7 @@ describe('Bind', () => {
         document.body.innerHTML = `
             <span id="test" test="testing" vsn-bind="@test"></span>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const tag = await dom.getTagForElement(document.getElementById('test'));
             expect(tag).toBeTruthy();
@@ -37,7 +37,7 @@ describe('Bind', () => {
             <span id="test2" vsn-bind="test.id">arg</span>
         `;
 
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const test = document.getElementById('arg');
             const tag = await dom.getTagForElement(test);
@@ -55,7 +55,7 @@ describe('Bind', () => {
             <span id="test" vsn-name="test" vsn-bind:id="test.id"></span>
         `;
 
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const test = document.getElementById('test');
             const tag = await dom.getTagForElement(test);
@@ -75,7 +75,7 @@ describe('Bind', () => {
             <span id="test" vsn-name="test" vsn-bind="test.val">testing</span>
         `;
 
-        const dom = new DOM(document, false);
+        const dom = new DOM(document.body, false);
         dom.once('built', async () => {
             const test = document.getElementById('test');
             const tag = await dom.getTagForElement(test);
@@ -88,7 +88,7 @@ describe('Bind', () => {
 
             test.innerHTML = 'new-val';
         });
-        dom.buildFrom(document, true);
+        dom.buildFrom(document.body, true);
     });
 
     it("vsn-bind input value changes trigger updating scope with new value", (done) => {
@@ -96,7 +96,7 @@ describe('Bind', () => {
             <input id="test" value="testing" vsn-name="test" vsn-bind="test.val"/>
         `;
 
-        const dom = new DOM(document, false);
+        const dom = new DOM(document.body, false);
         dom.once('built', async () => {
             const test = document.getElementById('test');
             const tag = await dom.getTagForElement(test);
@@ -113,7 +113,7 @@ describe('Bind', () => {
             test.dispatchEvent(new KeyboardEvent('keyup', {key: 'w'}));
         });
 
-        dom.buildFrom(document, true);
+        dom.buildFrom(document.body, true);
     });
 
     it("vsn-bind element innerHTML should change when scope value is changed", (done) => {
@@ -121,7 +121,7 @@ describe('Bind', () => {
             <span id="test" vsn-name="test" vsn-bind="test.val">testing</span>
         `;
 
-        const dom = new DOM(document, false);
+        const dom = new DOM(document.body, false);
         dom.once('built', async () => {
             const test = document.getElementById('test');
             const tag = await dom.getTagForElement(test);
@@ -134,7 +134,7 @@ describe('Bind', () => {
 
             tag.scope.get('test').set('val', 'new-val');
         });
-        dom.buildFrom(document, true);
+        dom.buildFrom(document.body, true);
     });
 
     it("vsn-bind input value should change when scope value is changed", (done) => {
@@ -142,7 +142,7 @@ describe('Bind', () => {
             <input id="test" value="testing" vsn-name="test" vsn-bind="test.val" />
         `;
 
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const test = document.getElementById('test');
             const tag = await dom.getTagForElement(test);
@@ -161,7 +161,7 @@ describe('Bind', () => {
         document.body.innerHTML = `
             <span id="test" vsn-name="test" vsn-bind="test.value" vsn-format="currency" vsn-type:test.value="float">1.5</span>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const tag = await dom.getTagForElement(document.getElementById('test'));
             expect(tag).toBeTruthy();

package/test/attributes/JSONAttribute.spec.ts

@@ -7,7 +7,7 @@ describe('JSONAttribute', () => {
                 [1,2,3,"four"]
             </script>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             expect(dom.root.scope.get('t0')[0]).toBe(1);
             expect(dom.root.scope.get('t0')[1]).toBe(2);
@@ -27,7 +27,7 @@ describe('JSONAttribute', () => {
                 }
             </script>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             expect(dom.root.scope.get('t1').get("testing")[0]).toBe(1);
             expect(dom.root.scope.get('t1').get("testing")[1]).toBe(2);
@@ -47,7 +47,7 @@ describe('JSONAttribute', () => {
             <div vsn-json:t2="[1,2,3,&quot;four&quot;]"></div>
         `;
 
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             console.log('scope keys', dom.root.scope.keys);
             expect(dom.root.scope.get('t2')[0]).toBe(1);
@@ -62,7 +62,7 @@ describe('JSONAttribute', () => {
         document.body.innerHTML = `
             <div vsn-json:t3="{&quot;testing&quot;: [1,2,3,&quot;four&quot;],&quot;test&quot;: [&quot;one&quot;,&quot;two&quot;,&quot;three&quot;,4]}"></div>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             expect(dom.root.scope.get('t3').get("testing")[0]).toBe(1);
             expect(dom.root.scope.get('t3').get("testing")[1]).toBe(2);
@@ -82,7 +82,7 @@ describe('JSONAttribute', () => {
                 <div vsn-json:testing.test='{"testing": 123}'></div>
             </div>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             expect(dom.root.scope.get('testing').get("test").get('testing')).toBe(123);
             done();

package/test/attributes/ListItem.spec.ts

@@ -30,8 +30,8 @@ describe('ListItem', () => {
         `;
         let errorThrown: boolean = false;
         try {
-            const dom = new DOM(document, false);
-            await dom.buildFrom(document);
+            const dom = new DOM(document.body, false);
+            await dom.buildFrom(document.body);
         } catch (e) {
             expect(e.message).toBe(ListItem.ERROR_NO_PARENT);
             errorThrown = true;
@@ -44,7 +44,7 @@ describe('ListItem', () => {
             <ul vsn-list:list list-item-model="ListItemSpecTestItem" id="test"><li vsn-list-item id="test-item"></li></ul>
         `;
 
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const list = await dom.getTagForElement(document.getElementById('test'));
             const listItem = await dom.getTagForElement(document.getElementById('test-item'));
@@ -63,7 +63,7 @@ describe('ListItem', () => {
                 </ul>
             </div>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const list = await dom.getTagForElement(document.getElementById('test'));
             const controller: ListItemController = list.scope.get('controller').wrapped;
@@ -92,7 +92,7 @@ describe('ListItem', () => {
             <ul vsn-list:list list-item-model="ListItemSpecTestItem" id="test"><li vsn-list-item id="test-item" vsn-set:item.testing|integer="1"></li></ul>
         `;
 
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const listItem = await dom.getTagForElement(document.getElementById('test-item'));
             expect(listItem.scope.get('item').get('testing')).toBe(1);
@@ -107,7 +107,7 @@ describe('ListItem', () => {
             </ul>
         `;
 
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const listItem = await dom.getTagForElement(document.getElementById('test-item'));
             console.log('test keys', listItem.scope.keys);

package/test/attributes/ScopeAttribute.spec.ts

@@ -10,7 +10,7 @@ describe('ScopeAttribute', () => {
                 <span vsn-bind="asd"></span>
             </div>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const element = (await dom.exec('?(div)'))[0];
             expect(element.scope.get('asd')).toBe(123);
@@ -25,7 +25,7 @@ describe('ScopeAttribute', () => {
         document.body.innerHTML = `
             <div vsn-scope></div>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const element = (await dom.exec('?(div)'))[0];
             expect(element.uniqueScope).toBe(true);

package/test/attributes/ServiceAttribute.spec.ts

@@ -24,7 +24,7 @@ describe('ServiceAttribute', () => {
             <div vsn-service:test1="TestService" id="test"></div>
             <div vsn-service:test2="TestService" vsn-set:test2.test="testing" id="test2"></div>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const service1 = await dom.exec('test1');
             const service2 = await dom.exec('test2');

package/test/attributes/SetAttribute.spec.ts

@@ -8,7 +8,7 @@ describe('Bind', () => {
         document.body.innerHTML = `
             <span id="test" vsn-name="test" vsn-set:val="hello world">testing</span>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const tag = await dom.getTagForElement(document.getElementById('test'));
             expect(tag).toBeTruthy();
@@ -24,7 +24,7 @@ describe('Bind', () => {
                 <span id="test-inner-1" vsn-name="testInner1" vsn-set:val="hi mom"></span>
             </span>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const tag = await dom.getTagForElement(document.getElementById('test'));
             const inner1 = await dom.getTagForElement(document.getElementById('test-inner-1'));
@@ -41,7 +41,7 @@ describe('Bind', () => {
             <span id="test-float" vsn-set:float|float="142.3">testing</span>
             <span id="test-bool" vsn-set:bool|boolean="false">testing</span>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const intTag = await dom.getTagForElement(document.getElementById('test-int'));
             const floatTag = await dom.getTagForElement(document.getElementById('test-float'));

package/test/attributes/Styles.spec.ts

@@ -11,7 +11,7 @@ describe('Styles', () => {
                 <span id="styling-dupe" vsn-styles="testing.styles" style="margin-top: 50px;">testing 2</span>
             </div>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             const ele1 = (await dom.get('#styling'))[0];
             const ele2 = (await dom.get('#styling-dupe'))[0];
@@ -33,7 +33,7 @@ describe('Styles', () => {
         document.body.innerHTML = `
             <span id="styling">testing</span>
         `;
-        const dom = new DOM(document);
+        const dom = new DOM(document.body);
         dom.once('built', async () => {
             await dom.exec('?(#styling).$marginTop = "50px"');
             expect((await dom.get('#styling'))[0].element.style.marginTop).toBe('50px');