spyne 0.20.1 → 0.20.4

package/lib/spyne.umd.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-     * Spyne 0.20.1
+     * Spyne 0.20.4
      * https://spynejs.org
      *
      * @license Copyright 2017-2021, Frank Batista, Relevant Context, LLC. All rights reserved.
@@ -10,7 +10,7 @@
     */
 
 /*!
- * spynejs 0.20.1
+ * spynejs 0.20.4
  * https://spynejs.org
  * (c) 2017-present Frank Batista
  */

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "spyne",
-  "version": "0.20.1",
+  "version": "0.20.4",
   "description": "Reactive Real-DOM Framework for Advanced Javascript applications",
   "sideEffects": true,
-  "main": "./lib/spyne.umd.js",
+  "main": "./lib/spyne.esm.js",
   "module": "./lib/spyne.esm.js",
   "exports": {
     ".": {
       "import": "./lib/spyne.esm.js",
-      "require": "./lib/spyne.umd.js"
+      "require": "./lib/spyne.esm.js"
     },
     "./lib/*": "./lib/*.js"
   },
@@ -29,7 +29,8 @@
     "test:single": "karma start karma.conf.js --single-run",
     "watch:test": "npm test -- --auto-watch --no-single-run",
     "test:mocha": "mocha tests",
-    "lint": "eslint 'src/spyne/**' --fix"
+    "lint": "eslint 'src/spyne/**' --fix",
+    "prepare": "husky"
   },
   "repository": {
     "type": "git",
@@ -49,10 +50,12 @@
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-replace": "^6.0.2",
     "chai": "^4.3.9",
     "chai-dom": "^1.11.0",
     "clean-webpack-plugin": "^4.0.0",
     "css-loader": "^6.8.1",
+    "dotenv": "^16.4.7",
     "eslint": "^8.50.0",
     "eslint-config-semistandard": "^17.0.0",
     "eslint-config-standard": "^17.1.0",
@@ -60,11 +63,13 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-webpack-plugin": "^4.2.0",
     "file-loader": "^6.2.0",
+    "husky": "^9.1.7",
     "karma": "^6.4.4",
     "karma-chai": "^0.1.0",
     "karma-chrome-launcher": "^3.2.0",
     "karma-coverage": "^2.2.1",
     "karma-mocha": "^2.0.1",
+    "karma-rollup-preprocessor": "^7.0.8",
     "karma-webpack": "^5.0.1",
     "mocha": "^10.7.3",
     "rollup": "^2.79.2",
@@ -75,11 +80,7 @@
     "webpack-dev-server": "^5.1.0",
     "webpack-rxjs-externals": "^2.0.0"
   },
-  "config": {
-    "ghooks": {
-      "pre-commit": "npm run test"
-    }
-  },
+  "config": {},
   "dependencies": {
     "dompurify": "^3.1.6",
     "ramda": "^0.30.1",

package/rollup.config.js

@@ -12,7 +12,7 @@ export default {
     sourcemap: true
   },
   // If you want to keep certain libraries external, define them here:
-  external: ['ramda', 'rxjs'],
+  external: ['ramda', 'rxjs', 'dompurify'],
   plugins: [
     // Allows Rollup to resolve packages from node_modules
     resolve(),

package/src/spyne/spyne-app.js

@@ -5,7 +5,7 @@ import { SpyneAppProperties } from './utils/spyne-app-properties'
 import { sanitizeHTMLConfigure } from './utils/sanitize-html'
 
 const _channels = new ChannelsMap()
-const version = '0.20.1'
+const version = '0.20.4'
 
 class SpyneApplication {
   /**
@@ -42,7 +42,7 @@ class SpyneApplication {
   init(config = {}, testMode = false) {
     // this.channels = new ChannelsMap();
     /*!
-     * Spyne 0.20.1
+     * Spyne 0.20.4
      * https://spynejs.org
      *
      * @license Copyright 2017-2021, Frank Batista, Relevant Context, LLC. All rights reserved.
@@ -121,6 +121,7 @@ class SpyneApplication {
     this.pluginsFn = SpyneAppProperties.getPluginsMethodObj(config['pluginMethods']);
     this.getChannelActions = (str) => _channels.getChannelActions(str);
     this.registerChannel = (val) => _channels.registerStream(val);
+    this.registerPlugin = (pluginInstance) => SpyneAppProperties.registerPlugin(pluginInstance);
     this.registerDataChannel = (obs$) => _channels.registerStream(obs$);
     this.listChannels = () => Array.from(_channels.map.keys());
     let nullHolder = new ViewStream({ id:'spyne-null-views' });

package/src/spyne/spyne-plugins.js

@@ -1,6 +1,7 @@
 import { DomElement } from './views/dom-element'
 import { SpyneAppProperties } from './utils/spyne-app-properties'
 import { is, clone, pathSatisfies } from 'ramda'
+let _spyneAppProps = SpyneAppProperties
 export class SpynePlugin {
   constructor(props = {}) {
     let { name, config, parentEl } = props
@@ -14,27 +15,65 @@ export class SpynePlugin {
     this.props.name = name
     config = SpynePlugin.mergeDefaultConfig(config, this.defaultConfig())
     this.props.parentEl = parentEl || SpynePlugin.createParentEl()
-    SpynePlugin.getSpyneApp(name, config)
-
+    // SpynePlugin.getSpyneApp(name, config)
+    this.props.config = config
     if (this.props.traits !== undefined) {
       this.addTraits(this.props.traits)
     }
 
+    // this.onBeforeRegistered()
+    // this.onRegistered()
+    // this.onRender()
+  }
+
+  /**
+   * Now this method will be called when the app decides to register the plugin.
+   * This way, the plugin no longer has to import or rely on its own version
+   * of SpyneAppProperties. Instead, it is *passed* the authoritative instance.
+   */
+  register(spyneAppProps) {
+    // 1. Save a reference to the real SpyneAppProperties
+    _spyneAppProps = spyneAppProps
+    this.props.pluginName = this.props.name
+
+    // this.props.config = _spyneAppProps.getPluginConfigByPluginName(this.props.pluginName)
+
+    if (_spyneAppProps.initialized === false) {
+      console.warn(
+          `Spyne Warning: SpyneApp has not been initialized yet! Cannot register plugin "${this.name}".`
+      )
+      return
+    }
+
     this.onBeforeRegistered()
+
+    // 2. Add plugin config in the real SpyneAppProperties
+    this.props.config = clone(this.props.config)
+    _spyneAppProps.addPluginConfig(this.name, this.props.config)
+
+    // If you have plugin-level logic that depends on the real spyneApp,
+    // you can add it here, e.g.:
+    // spyneAppProps.addPluginMethods(this.props.config.pluginMethods)
+
+    // 3. If you have other plugin lifecycle methods
     this.onRegistered()
     this.onRender()
   }
 
+  get SpyneAppProperties() {
+    return _spyneAppProps
+  }
+
   static mergeDefaultConfig(config = {}, defaultConfig = this.defaultConfig()) {
     return Object.assign(defaultConfig, config)
   }
 
   static getSpyneApp(name, config) {
-    if (SpyneAppProperties.initialized === false) {
+    if (_spyneAppProps.initialized === false) {
       console.warn(`Spyne Warning: Unable to install plugin, ${name}! SpyneApp has not been initialized!`)
       // SpyneApp.init()
     } else {
-      SpyneAppProperties.addPluginConfig(name, config)
+      _spyneAppProps.addPluginConfig(name, config)
     }
   }
 
@@ -82,8 +121,8 @@ export class SpynePlugin {
   }
 
   onBeforeRegistered() {
-    this.props.pluginName = this.props.name
-    this.props.config = SpyneAppProperties.getPluginConfigByPluginName(this.props.pluginName)
+    // this.props.pluginName = this.props.name
+    // this.props.config = _spyneAppProps.getPluginConfigByPluginName(this.props.pluginName)
   }
 
   defaultConfig() {

package/src/spyne/utils/spyne-app-properties.js

@@ -61,6 +61,7 @@ class SpyneAppPropertiesClass {
     this.getChannelActions = _channels.getChannelActions.bind(_channels)
     this.listRegisteredChannels = _channels.listRegisteredChannels.bind(_channels)
     _initialized = true
+    this._initialized = _initialized
     this.setChannelsMap()
     if (config?.baseHref) {
       this.setHeadBaseHref(config.baseHref)
@@ -178,6 +179,16 @@ class SpyneAppPropertiesClass {
     // console.log("REGISTERD PROXY REVIVER",_proxiesMap, _proxiesMap.get(name));
   }
 
+  // This is the new method you add
+  registerPlugin(pluginInstance) {
+    if (!this._initialized) {
+      console.warn('SpyneApp is not initialized yet. Plugin will not be fully registered.')
+    }
+    // console.log("INSTANCE ",this, pluginInstance)
+
+    pluginInstance.register(this)
+  }
+
   getProxyReviver(proxyName) {
     return _proxiesMap.get(proxyName)
   }

package/src/spyne/utils/spyne-utils-channel-route.js

@@ -78,15 +78,15 @@ export class SpyneUtilsChannelRoute {
   }
 
   static flattenConfigObject(obj) {
-    const go = obj_ => chain(([k, v]) => {
-      if (Object.prototype.toString.call(v) === '[object Object]') {
+    const go = (obj_) => chain(([k, v]) => {
+      if (typeof v === 'object' && v !== null && !Array.isArray(v)) {
         return map(([k_, v_]) => [`${k}.${k_}`, v_], go(v))
       } else {
         return [[k, v]]
       }
     }, toPairs(obj_))
 
-    // console.log("FLATTEN: ",values(fromPairs(go(obj))));
+    // console.log("FLATTEN: ", values(fromPairs(go(obj))));
     return values(fromPairs(go(obj)))
   }
 

package/src/spyne/views/dom-element-template.js

@@ -135,9 +135,10 @@ import { SpyneAppProperties } from '../utils/spyne-app-properties'
  */
 
 export class DomElementTemplate {
-  constructor(template, data = {}) {
+  constructor(template, data = {}, opts = {}) {
     this.template = this.formatTemplate(template)
     this.isProxyData = data.__cms__isProxy === true
+    this.testMode = opts?.testMode
 
     const checkForArrayData = () => {
       if (is(Array, data) === true) {
@@ -226,7 +227,9 @@ export class DomElementTemplate {
   renderDocFrag() {
     let html = DomElementTemplate.replaceImgPath(this.finalArr.join(''))
     // html = sanitizeHTML(this.finalArr.join(''))
-    html = sanitizeHTML(html)
+    if (this.testMode !== true) {
+      html = sanitizeHTML(html)
+    }
     const isTableSubTag =   /^([^>]*?)(<){1}(\b)(thead|col|colgroup|tbody|td|tfoot|tr|th)(\b)([^\0]*)$/.test(html)
     const el = isTableSubTag ? html : document.createRange().createContextualFragment(html)
 

package/src/spyne/views/dom-element.js

@@ -25,7 +25,7 @@ class DomElement {
    *
    */
 
-  constructor(props = {}) {
+  constructor(props = {}, testMode = false) {
     const checkDefault = (dflt, val) => defaultTo(dflt)(val)
 
     props.tagName = checkDefault('div', props.tagName)
@@ -34,6 +34,7 @@ class DomElement {
     props.attrs = this.updateAttrs(props.attributes)
 
     props.fragment = document.createDocumentFragment()
+    this.testMode = testMode
     this.props = props
 
     this.addMixins()
@@ -77,7 +78,7 @@ class DomElement {
     const addTmpl = (template) => {
       let data = this.getProp('data')
       data = is(Object, data) ? data : {}
-      const frag = new DomElementTemplate(template, data).renderDocFrag()
+      const frag = new DomElementTemplate(template, data, { testMode: this?.testMode }).renderDocFrag()
       const fragIsString = is(String, frag)
       fragIsString ? el.innerHTML = frag : el.appendChild(frag)
       return el

package/src/tests/channels/channel-fetch.test.js

@@ -1,5 +1,7 @@
+//const { expect, assert } = require('chai')
+//const { ChannelFetch } = require('../../spyne/channels/channel-fetch-class')
 const { expect, assert } = require('chai')
-const { ChannelFetch } = require('../../spyne/channels/channel-fetch-class')
+import { ChannelFetch } from '../../spyne/spyne';
 
 describe('should test ChannelFetch', () => {
   const mapFn = (p) => {
@@ -43,8 +45,13 @@ describe('should test ChannelFetch', () => {
     const noMapMethodAdded = ChannelFetch.validateMapMethod(props, channelName)
     // console.log('map methods not added and is valid ',{noMapMethodAdded})
     expect(noMapMethodAdded).to.be.true
+
+
+
+
   })
 
+
   it('should return false for map of wrong type', () => {
     const map = 4
     const props = {

package/src/tests/channels/channel-payload-class.test.js

@@ -1,10 +1,10 @@
 import { SpyneApp, Channel } from '../../spyne/spyne'
 import { ChannelPayload } from '../../spyne/channels/channel-payload-class'
 import { ChannelPayloadToTestFilters } from '../mocks/channel-payload-data'
-import { ChannelPayloadFilter } from '../../spyne/utils/channel-payload-filter'
+//import { ChannelPayloadFilter } from '../../spyne/utils/channel-payload-filter'
 const { expect, assert } = require('chai')
 const MSFData = require('../mocks/msf-user-data.json')
-const MSFDataSmall = require('../mocks/msf-user-data-small.json')
+//const MSFDataSmall = require('../mocks/msf-user-data-small.json')
 const R = require('ramda')
 
 describe('should test Channel Payload Class', () => {

package/src/tests/channels/channel-route.test.js

@@ -6,8 +6,7 @@ import { ChannelPayloadRouteData, ChannelPayloadRouteDataRegexOverride } from '.
 import {
   SpyneConfigData,
   RouteDataForTests,
-  routeConfigWithRegexOverride,
-  windowLocationData
+  routeConfigWithRegexOverride
 } from '../mocks/utils-data'
 import { SpyneChannelRoute } from '../../spyne/channels/spyne-channel-route'
 const R = require('ramda')

package/src/tests/channels/channel.test.js

@@ -1,13 +1,15 @@
-import { Channel, SpyneAppProperties } from '../../spyne/spyne'
+import { Channel, SpyneAppProperties, SpyneApp } from '../../spyne/spyne'
+
 const { expect, assert } = require('chai')
-const { SpyneApp } = require('../../spyne/spyne-app')
 
 describe('should test channel instance', () => {
+
   const channelName = 'CHANNEL_MYTEST_CHANNEL'
-  SpyneApp.registerChannel(new Channel(channelName))
 
   before(function() {
+    SpyneApp.init({debug:true});
 
+    SpyneApp.registerChannel(new Channel(channelName))
   })
 
   it('registered channel should exist', () => {

package/src/tests/channels/route-utils.test.js

@@ -4,8 +4,7 @@ import { SpyneUtilsChannelRoute } from '../../spyne/utils/spyne-utils-channel-ro
 import { postProcessedRouteData, preProcessedRouteData, reduceProcessedRouteData, reducedRoutesArr, mainConfigPreProcessedData, mainConfigPostProcessedData } from '../mocks/routes-data'
 import {
   SpyneConfigData,
-  RouteDataForTests,
-  windowLocationData
+  RouteDataForTests
 } from '../mocks/utils-data'
 import { SpyneChannelRoute } from '../../spyne/channels/spyne-channel-route'
 import { path } from 'ramda'
@@ -16,7 +15,7 @@ const routeConfig = SpyneConfigData.channels.ROUTE
 
 describe('Route Utils', () => {
   it('flattenConfigObjects should return array of params', () => {
-    const finalArr = ['pageId', '', 'imageNum', 'author', 'hemingway', 'author', 'hemingway', 'imageNum', 'pixels', 'photogNum', 'randomNum', '32', 'holographs|photos|digital|videos']
+    const finalArr = ['pageId', '', 'imageNum', 'author', 'hemingway', 'author', 'hemingway', 'imageNum', 'pixels', 'photogNum', 'randomNum', '32']
     const arr = SpyneUtilsChannelRoute.flattenConfigObject(routeConfig.routes)
     // return true;
     expect(arr).to.deep.equal(finalArr)

package/src/tests/channels/view-stream-broadcaster.test.js

@@ -1,8 +1,7 @@
 // const assert = require('assert');
 import {
   SpyneConfigData,
-  RouteDataForTests,
-  windowLocationData
+  RouteDataForTests
 } from '../mocks/utils-data'
 chai.use(require('chai-dom'))
 

package/src/tests/package-json.spec.test.js

@@ -1,9 +1,20 @@
-import { expect } from 'chai'
-import pkg from '../../package.json' // Import package.json
+import { expect } from 'chai';
+import pkg from '../../package.json'; // Import package.json
+
+const isPublic = process.env.IS_PUBLIC === true;
 
 describe('package.json export import statement', () => {
   it('should be set to "./lib/spyne.esm.js"', () => {
-    const exports = pkg.exports['.']
-    expect(exports.import).to.equal('./lib/spyne.esm.js')
-  })
-})
+    const exports = pkg.exports['.'];
+    expect(pkg.main).to.equal('./lib/spyne.esm.js');
+    expect(pkg.module).to.equal('./lib/spyne.esm.js');
+    expect(exports.import).to.equal('./lib/spyne.esm.js');
+    expect(exports.require).to.equal('./lib/spyne.esm.js');
+  });
+});
+
+(isPublic ? describe : describe.skip)('license should be LGPL', () => {
+  it('should have LGPL as license', () => {
+    expect(pkg.license).to.equal('LGPL');
+  });
+});

package/src/tests/spyne-app.test.js

@@ -4,7 +4,7 @@ const { SpyneApp } = require('../spyne/spyne-app')
 describe('should run spyne app tests', () => {
   before(() => {
 
-    // SpyneApp.init();
+     SpyneApp.init();
 
   })
 

package/src/tests/views/dom-el-template-proxy.test.js

@@ -1,7 +1,14 @@
-import { DomElementTemplate } from '../../spyne/views/dom-element-template'
+import { DomElementTemplate } from '../../spyne/views/dom-element-template';
 
-describe('DomElementTemplate Proxy should not exist ', () => {
+// Evaluate once at the top
+const isPublic = process.env.IS_PUBLIC === true;
+
+console.log("IS PUBLIC ",isPublic);
+
+
+// If not public, skip this test suite altogether
+(isPublic ? describe : describe.skip)('DomElementTemplate Proxy (Public Test)', () => {
   it('should not have a proxy method', () => {
-    expect(DomElementTemplate.hasOwnProperty('formatTemplateForProxyData')).to.be.false
-  })
-})
+    expect(DomElementTemplate.hasOwnProperty('formatTemplateForProxyData')).to.be.false;
+  });
+});

package/src/tests/views/dom-el-template.test.js

@@ -20,7 +20,7 @@ describe('DomElTemplate', () => {
   it('DomElementTemplate show render data value', () => {
     const data = { cat:'meow' }
     const template = '<h1>The cat says {{cat}}'
-    const domElTmpl = new DomElementTemplate(template, data)
+    const domElTmpl = new DomElementTemplate(template, data, {testMode:true})
     const render = domElTmpl.renderDocFrag()
     // console.log("RENDER IS ",render.firstElementChild);
     expect(render.firstElementChild.innerText).to.equal('The cat says meow')
@@ -33,7 +33,7 @@ describe('DomElTemplate', () => {
       }
     }
     const template = '<h1>The dog says {{#dog}}{{sound}}{{/dog}}</h1>'
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     expect(render.firstElementChild.innerText).to.equal('The dog says woof')
   })
@@ -45,14 +45,14 @@ describe('DomElTemplate', () => {
       }
     }
     const template = '<article>{{#dog}}<h1>The dog says {{sound}}</h1>{{/dog}}</article>'
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     expect(render.firstElementChild.innerText).to.equal('')
   })
   it('DomElementTemplate Template should render 0 as non-empty', () => {
     const data = { scriptNum:0, eventType:'scriptContent', tabName:'MyTab' }
     const template = '<button data-event-type="{{eventType}}" data-script-num="{{scriptNum}}" >{{scriptNum}}</button>'
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     expect(render.firstElementChild.innerText).to.equal('0')
   })
@@ -63,7 +63,7 @@ describe('DomElTemplate', () => {
       }
     }
     const template = '<article><h1>The dog says {{test.sound}}</h1></article>'
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     expect(render.firstElementChild.innerText).to.equal('The dog says ')
   })
@@ -74,7 +74,7 @@ describe('DomElTemplate', () => {
       }
     }
     const template = '<article><h1>The dog says {{asdf}}</h1></article>'
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     expect(render.firstElementChild.innerText).to.equal('The dog says ')
   })
@@ -92,7 +92,7 @@ describe('DomElTemplate', () => {
       ]
     }
     const template = '<article>{{#animals}}<h1>The {{name}} says {{sound}}</h1>{{/animals}}</article>'
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     const renderStr = render.firstElementChild.querySelectorAll('h1')[1].innerText
     expect(renderStr).to.equal('The cat says meow')
@@ -105,7 +105,7 @@ describe('DomElTemplate', () => {
       { name: 'john' }
     ]
     const template = '<ul>{{#}}<li>Welcome, {{name}}.</li>{{/}}</ul>'
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     const lastItemTxt = render.firstElementChild.querySelectorAll('li')[2].innerText
     expect(lastItemTxt).to.equal('Welcome, john.')
@@ -119,7 +119,7 @@ describe('DomElTemplate', () => {
     ]
     const template = '<ul>{{#}}<li>Welcome, {{name}}. and hobbies are {{hobbies}} </li>{{/}}</ul>'
     // let template = "<ul>{{#}}<li>Welcome, {{name}}. <ol>{{#hobbies}}<li>{{.}}</li><{{/hobbies}}/ol></li>{{/}}</ul>";
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
 
     const lastItemTxt = render.firstElementChild.querySelectorAll('li')[2].innerText
@@ -136,7 +136,7 @@ describe('DomElTemplate', () => {
     ]
     const template = '<ul><li>Welcome, {{name}}. Your hobbies are {{#hobbies}}{{.}}, {{/hobbies}}and favorite foods are {{#favFoods}}<span>{{.}}, </span>{{/favFoods}} </li></ul>'
     data = data[0]
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     const favFoodInnerText = render.firstElementChild.querySelectorAll('span')[0].innerText
     expect(favFoodInnerText).to.equal('hummus, ')
@@ -150,7 +150,7 @@ describe('DomElTemplate', () => {
     ]
     const template = '<ul><li>Welcome, {{name}}. Your hobbies are {{#hobbies}}{{.}}, {{/hobbies}}and your {{#details}}hair is {{hair}} and your eyes are {{eyes}} {{/details}}and favorite foods are {{#favFoods}}<span>{{.}}, </span>{{/favFoods}} </li></ul>'
     data = data[0]
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     const favFoodInnerText = render.firstElementChild
 
@@ -168,7 +168,7 @@ describe('DomElTemplate', () => {
     }
     const template = '<ul>{{#users}}<li>Welcome, {{name}}. and details are {{details.age}} and degree is {{details.education.degree}} </li>{{/users}}</ul>'
     // let template = "<ul>{{#}}<li>Welcome, {{name}}. <ol>{{#hobbies}}<li>{{.}}</li><{{/hobbies}}/ol></li>{{/}}</ul>";
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
 
     // console.log("render nested array of objs ",render.firstElementChild);
@@ -188,7 +188,7 @@ describe('DomElTemplate', () => {
     data = data.users[0]
     const template = '<ul><li>Welcome, {{name}}. and age is {{details.age}} and graduated from {{details.education.school}} </li></ul>'
     // let template = "<ul>{{#}}<li>Welcome, {{name}}. <ol>{{#hobbies}}<li>{{.}}</li><{{/hobbies}}/ol></li>{{/}}</ul>";
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
 
     // console.log("render nested obj ",render.firstElementChild);
@@ -206,7 +206,7 @@ describe('DomElTemplate', () => {
 
     const template = '<li>{{article.1}}</li>'
     const data = { article }
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
 
     const result = domElTemplate.renderToString()
 

package/src/tests/views/dom-el.test.js

@@ -19,7 +19,7 @@ describe('DomElRendering', () => {
   it('DomElement Template show render data value', () => {
     const data = { cat:'meow' }
     const template = '<h1>The cat says {{cat}}'
-    const domEl = new DomElement({ data, template })
+    const domEl = new DomElement({ data, template }, true)
     const render = domEl.render()
     expect(render.innerText).to.equal('The cat says meow')
   })
@@ -31,7 +31,7 @@ describe('DomElRendering', () => {
       }
     }
     const template = '<h1>The dog says {{#dog}}{{sound}}{{/dog}}'
-    const domEl = new DomElement({ data, template })
+    const domEl = new DomElement({ data, template }, true)
     const render = domEl.render()
     expect(render.innerText).to.equal('The dog says woof')
   })
@@ -43,7 +43,7 @@ describe('DomElRendering', () => {
       }
     }
     const template = '<article>{{#dog}}<h1>The dog says {{sound}}</h1>{{/dog}}</article>'
-    const domEl = new DomElement({ data, template })
+    const domEl = new DomElement({ data, template }, true)
     const render = domEl.render()
     expect(render.innerText).to.equal('')
   })
@@ -62,7 +62,7 @@ describe('DomElRendering', () => {
       ]
     }
     const template = '<article>{{#animals}}<h1>The {{name}} says {{sound}}</h1>{{/animals}}</article>'
-    const domEl = new DomElement({ data, template })
+    const domEl = new DomElement({ data, template }, true)
     const render = domEl.render()
     const renderStr = render.querySelectorAll('h1')[1].innerText
     expect(renderStr).to.equal('The cat says meow')