update ctx.js : do some validation

Author: dev-javascript

src/ctx.js

@@ -4,6 +4,12 @@ class Ctx {
     this._parentTemp = `"use strict";return @temp;`;
     this._defaultCom = null;
     this._com = null;
+    if (!(window.hasOwnProperty('Babel') && typeof window.Babel === 'object')) {
+      throw new Error(`
+      string-to-react-component package needs @babel/standalone for working correctly.
+      you should load @babel/standalone in the browser.
+      `);
+    }
     this._b = window.Babel;
     this._babelpresets = ['react'];
   }
@@ -15,7 +21,16 @@ class Ctx {
   _generateCom() {
     this._com = this._temp ? Function(this._parentTemp.replace('@temp', this._transpile()))() : this._defaultCom;
   }
+  _validateTemplate(temp) {
+    if (typeof temp !== 'string') {
+      throw `passed child into string-to-react-component element should b a string`;
+    }
+    if (temp === '') {
+      throw `passed string into string-to-react-component element can not be empty`;
+    }
+  }
   updateTemplate(template) {
+    this._validateTemplate(template);
     template = template || '';
     if (template !== this._temp) {
       this._temp = template;

src/stringToReact.test.js

@@ -11,6 +11,7 @@ beforeAll(() => {
   document.body.appendChild(container);
 });
 beforeEach(() => {
+  window.Babel = window.Babel || {};
   renderApp = (temp, deps, rerender, temp2) => {
     let secondRender = false;
     const StrintToReactCom = StrintToReact.bind(undefined, deps);
@@ -30,6 +31,7 @@ beforeEach(() => {
   };
 });
 afterEach(() => {
+  delete window.Babel;
   unmountComponentAtNode(container);
   container.innerHTML = '';
   renderApp = null;