@tamagui/react-native-web-internals 2.0.0-rc.9 → 2.0.0

package/dist/cjs/modules/InteractionManager.cjs

@@ -3,48 +3,59 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var InteractionManager_exports = {};
 __export(InteractionManager_exports, {
   InteractionManager: () => InteractionManager
 });
 module.exports = __toCommonJS(InteractionManager_exports);
-var import_invariant = require("./invariant.cjs"),
-  import_requestIdleCallback = require("./requestIdleCallback/index.cjs");
+var import_invariant = require("./invariant.cjs");
+var import_requestIdleCallback = require("./requestIdleCallback/index.cjs");
 class EventEmitter {
   _registry = {};
   addListener(eventType, listener, context) {
-    const registrations = this._allocate(eventType),
-      registration = {
-        context,
-        listener,
-        remove: () => {
-          registrations.delete(registration);
-        }
-      };
-    return registrations.add(registration), registration;
+    const registrations = this._allocate(eventType);
+    const registration = {
+      context,
+      listener,
+      remove: () => {
+        registrations.delete(registration);
+      }
+    };
+    registrations.add(registration);
+    return registration;
   }
   emit(eventType, ...args) {
     const registrations = this._registry[eventType];
-    if (registrations != null) for (const registration of Array.from(registrations)) registration.listener.apply(registration.context, args);
+    if (registrations != null) {
+      for (const registration of Array.from(registrations)) {
+        registration.listener.apply(registration.context, args);
+      }
+    }
   }
   _allocate(eventType) {
     let registrations = this._registry[eventType];
-    return registrations == null && (registrations = /* @__PURE__ */new Set(), this._registry[eventType] = registrations), registrations;
+    if (registrations == null) {
+      registrations = /* @__PURE__ */new Set();
+      this._registry[eventType] = registrations;
+    }
+    return registrations;
   }
 }
 class TaskQueue {
@@ -53,9 +64,10 @@ class TaskQueue {
   constructor({
     onMoreTasks
   }) {
-    this._onMoreTasks = onMoreTasks, this._queueStack = [{
+    this._onMoreTasks = onMoreTasks;
+    this._queueStack = [{
       tasks: [],
-      popable: !0
+      popable: true
     }];
   }
   enqueueTasks(tasks) {
@@ -75,11 +87,18 @@ class TaskQueue {
     if (queue.length) {
       const task = queue.shift();
       try {
-        typeof task == "object" && task && "gen" in task ? this._genPromise(task) : typeof task == "object" && task && "run" in task ? task.run() : ((0, import_invariant.invariant)(typeof task == "function", `Expected Function, SimpleTask, or PromiseTask, but got:
-` + JSON.stringify(task, null, 2)), task());
+        if (typeof task === "object" && task && "gen" in task) {
+          this._genPromise(task);
+        } else if (typeof task === "object" && task && "run" in task) {
+          ;
+          task.run();
+        } else {
+          (0, import_invariant.invariant)(typeof task === "function", "Expected Function, SimpleTask, or PromiseTask, but got:\n" + JSON.stringify(task, null, 2));
+          task();
+        }
       } catch (e) {
         if (e instanceof Error) {
-          const taskName = task && typeof task == "object" && "name" in task ? task.name : "";
+          const taskName = task && typeof task === "object" && "name" in task ? task.name : "";
           e.message = "TaskQueue: Error with task " + taskName + ": " + e.message;
         }
         throw e;
@@ -90,95 +109,132 @@ class TaskQueue {
     this._getCurrentQueue().push(task);
   }
   _getCurrentQueue() {
-    const stackIdx = this._queueStack.length - 1,
-      queue = this._queueStack[stackIdx];
-    return queue.popable && queue.tasks.length === 0 && stackIdx > 0 ? (this._queueStack.pop(), this._getCurrentQueue()) : queue.tasks;
+    const stackIdx = this._queueStack.length - 1;
+    const queue = this._queueStack[stackIdx];
+    if (queue.popable && queue.tasks.length === 0 && stackIdx > 0) {
+      this._queueStack.pop();
+      return this._getCurrentQueue();
+    } else {
+      return queue.tasks;
+    }
   }
   _genPromise(task) {
-    const stackIdx = this._queueStack.push({
-        tasks: [],
-        popable: !1
-      }) - 1,
-      stackItem = this._queueStack[stackIdx];
+    const length = this._queueStack.push({
+      tasks: [],
+      popable: false
+    });
+    const stackIdx = length - 1;
+    const stackItem = this._queueStack[stackIdx];
     task.gen().then(() => {
-      stackItem.popable = !0, this.hasTasksToProcess() && this._onMoreTasks();
+      stackItem.popable = true;
+      if (this.hasTasksToProcess()) {
+        this._onMoreTasks();
+      }
     }).catch(ex => {
       setTimeout(() => {
-        throw ex instanceof Error && (ex.message = `TaskQueue: Error resolving Promise in task ${task.name}: ${ex.message}`), ex;
+        if (ex instanceof Error) {
+          ex.message = `TaskQueue: Error resolving Promise in task ${task.name}: ${ex.message}`;
+        }
+        throw ex;
       }, 0);
     });
   }
 }
-const _emitter = new EventEmitter(),
-  InteractionManager = {
-    Events: {
-      interactionStart: "interactionStart",
-      interactionComplete: "interactionComplete"
-    },
-    /**
-     * Schedule a function to run after all interactions have completed.
-     */
-    runAfterInteractions(task) {
-      const tasks = [],
-        promise = new Promise(resolve => {
-          _scheduleUpdate(), task && tasks.push(task), tasks.push({
-            run: resolve,
-            name: "resolve " + (task && typeof task == "object" && "name" in task && task.name || "?")
-          }), _taskQueue.enqueueTasks(tasks);
-        });
-      return {
-        then: promise.then.bind(promise),
-        done: promise.then.bind(promise),
-        cancel: () => {
-          _taskQueue.cancelTasks(tasks);
-        }
-      };
-    },
-    /**
-     * Notify manager that an interaction has started.
-     */
-    createInteractionHandle() {
+const _emitter = new EventEmitter();
+const InteractionManager = {
+  Events: {
+    interactionStart: "interactionStart",
+    interactionComplete: "interactionComplete"
+  },
+  /**
+   * Schedule a function to run after all interactions have completed.
+   */
+  runAfterInteractions(task) {
+    const tasks = [];
+    const promise = new Promise(resolve => {
       _scheduleUpdate();
-      const handle = ++_inc;
-      return _addInteractionSet.add(handle), handle;
-    },
-    /**
-     * Notify manager that an interaction has completed.
-     */
-    clearInteractionHandle(handle) {
-      (0, import_invariant.invariant)(!!handle, "Must provide a handle to clear."), _scheduleUpdate(), _addInteractionSet.delete(handle), _deleteInteractionSet.add(handle);
-    },
-    addListener: _emitter.addListener.bind(_emitter),
-    /**
-     * Set deadline for task processing
-     */
-    setDeadline(deadline) {
-      _deadline = deadline;
-    }
+      if (task) {
+        tasks.push(task);
+      }
+      tasks.push({
+        run: resolve,
+        name: "resolve " + (task && typeof task === "object" && "name" in task && task.name || "?")
+      });
+      _taskQueue.enqueueTasks(tasks);
+    });
+    return {
+      then: promise.then.bind(promise),
+      done: promise.then.bind(promise),
+      cancel: () => {
+        _taskQueue.cancelTasks(tasks);
+      }
+    };
   },
-  _interactionSet = /* @__PURE__ */new Set(),
-  _addInteractionSet = /* @__PURE__ */new Set(),
-  _deleteInteractionSet = /* @__PURE__ */new Set(),
-  _taskQueue = new TaskQueue({
-    onMoreTasks: _scheduleUpdate
-  });
-let _nextUpdateHandle = null,
-  _inc = 0,
-  _deadline = -1;
+  /**
+   * Notify manager that an interaction has started.
+   */
+  createInteractionHandle() {
+    _scheduleUpdate();
+    const handle = ++_inc;
+    _addInteractionSet.add(handle);
+    return handle;
+  },
+  /**
+   * Notify manager that an interaction has completed.
+   */
+  clearInteractionHandle(handle) {
+    (0, import_invariant.invariant)(!!handle, "Must provide a handle to clear.");
+    _scheduleUpdate();
+    _addInteractionSet.delete(handle);
+    _deleteInteractionSet.add(handle);
+  },
+  addListener: _emitter.addListener.bind(_emitter),
+  /**
+   * Set deadline for task processing
+   */
+  setDeadline(deadline) {
+    _deadline = deadline;
+  }
+};
+const _interactionSet = /* @__PURE__ */new Set();
+const _addInteractionSet = /* @__PURE__ */new Set();
+const _deleteInteractionSet = /* @__PURE__ */new Set();
+const _taskQueue = new TaskQueue({
+  onMoreTasks: _scheduleUpdate
+});
+let _nextUpdateHandle = null;
+let _inc = 0;
+let _deadline = -1;
 function _scheduleUpdate() {
-  _nextUpdateHandle || (_deadline > 0 ? _nextUpdateHandle = setTimeout(_processUpdate) : _nextUpdateHandle = (0, import_requestIdleCallback.requestIdleCallback)(_processUpdate));
+  if (!_nextUpdateHandle) {
+    if (_deadline > 0) {
+      _nextUpdateHandle = setTimeout(_processUpdate);
+    } else {
+      _nextUpdateHandle = (0, import_requestIdleCallback.requestIdleCallback)(_processUpdate);
+    }
+  }
 }
 function _processUpdate() {
   _nextUpdateHandle = null;
   const interactionCount = _interactionSet.size;
-  _addInteractionSet.forEach(handle => _interactionSet.add(handle)), _deleteInteractionSet.forEach(handle => _interactionSet.delete(handle));
+  _addInteractionSet.forEach(handle => _interactionSet.add(handle));
+  _deleteInteractionSet.forEach(handle => _interactionSet.delete(handle));
   const nextInteractionCount = _interactionSet.size;
-  if (interactionCount !== 0 && nextInteractionCount === 0 ? _emitter.emit("interactionComplete") : interactionCount === 0 && nextInteractionCount !== 0 && _emitter.emit("interactionStart"), nextInteractionCount === 0) {
+  if (interactionCount !== 0 && nextInteractionCount === 0) {
+    _emitter.emit("interactionComplete");
+  } else if (interactionCount === 0 && nextInteractionCount !== 0) {
+    _emitter.emit("interactionStart");
+  }
+  if (nextInteractionCount === 0) {
     const begin = Date.now();
-    for (; _taskQueue.hasTasksToProcess();) if (_taskQueue.processNext(), _deadline > 0 && Date.now() - begin >= _deadline) {
-      _scheduleUpdate();
-      break;
+    while (_taskQueue.hasTasksToProcess()) {
+      _taskQueue.processNext();
+      if (_deadline > 0 && Date.now() - begin >= _deadline) {
+        _scheduleUpdate();
+        break;
+      }
     }
   }
-  _addInteractionSet.clear(), _deleteInteractionSet.clear();
+  _addInteractionSet.clear();
+  _deleteInteractionSet.clear();
 }

package/dist/cjs/modules/Platform/__tests__/index-test.cjs

@@ -2,13 +2,15 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-    get: () => from[key],
-    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-  });
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -18,7 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 // "default" to the CommonJS "module.exports" for node compatibility.
 isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
-  enumerable: !0
+  enumerable: true
 }) : target, mod));
 var import__ = __toESM(require("../index.cjs"), 1);
 describe("apis/Platform", () => {
@@ -27,7 +29,8 @@ describe("apis/Platform", () => {
       expect(import__.default.select({
         default: "default"
       })).toEqual("default");
-    }), test('chooses "web"', () => {
+    });
+    test('chooses "web"', () => {
       expect(import__.default.select({
         android: "android",
         ios: "ios",
@@ -35,14 +38,19 @@ describe("apis/Platform", () => {
         default: "default"
       })).toEqual("web");
     });
-  }), describe("isTesting", () => {
+  });
+  describe("isTesting", () => {
     const NODE_ENV_BACKUP = process.env.NODE_ENV;
     afterEach(() => {
       process.env.NODE_ENV = NODE_ENV_BACKUP;
-    }), test('true when NODE_ENV is "test"', () => {
-      process.env.NODE_ENV = "test", expect(import__.default.isTesting).toEqual(!0);
-    }), test('false when NODE_ENV is not "test"', () => {
-      process.env.NODE_ENV = "development", expect(import__.default.isTesting).toEqual(!1);
+    });
+    test('true when NODE_ENV is "test"', () => {
+      process.env.NODE_ENV = "test";
+      expect(import__.default.isTesting).toEqual(true);
+    });
+    test('false when NODE_ENV is not "test"', () => {
+      process.env.NODE_ENV = "development";
+      expect(import__.default.isTesting).toEqual(false);
     });
   });
 });

package/dist/cjs/modules/Platform/index.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var Platform_exports = {};
 __export(Platform_exports, {

package/dist/cjs/modules/TextInputState/index.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var TextInputState_exports = {};
 __export(TextInputState_exports, {
@@ -34,7 +36,10 @@ const TextInputState = {
    * If no text field is focused it returns null
    */
   currentlyFocusedField() {
-    return document.activeElement !== this._currentlyFocusedNode && (this._currentlyFocusedNode = null), this._currentlyFocusedNode;
+    if (document.activeElement !== this._currentlyFocusedNode) {
+      this._currentlyFocusedNode = null;
+    }
+    return this._currentlyFocusedNode;
   },
   /**
    * @param {Object} TextInputID id of the text field to focus
@@ -42,7 +47,12 @@ const TextInputState = {
    * noop if the text field was already focused
    */
   focusTextInput(textFieldNode) {
-    textFieldNode !== null && (this._currentlyFocusedNode = textFieldNode, document.activeElement !== textFieldNode && import_UIManager.UIManager.focus(textFieldNode));
+    if (textFieldNode !== null) {
+      this._currentlyFocusedNode = textFieldNode;
+      if (document.activeElement !== textFieldNode) {
+        import_UIManager.UIManager.focus(textFieldNode);
+      }
+    }
   },
   /**
    * @param {Object} textFieldNode id of the text field to focus
@@ -50,6 +60,11 @@ const TextInputState = {
    * noop if it wasn't focused
    */
   blurTextInput(textFieldNode) {
-    textFieldNode !== null && (this._currentlyFocusedNode = null, document.activeElement === textFieldNode && import_UIManager.UIManager.blur(textFieldNode));
+    if (textFieldNode !== null) {
+      this._currentlyFocusedNode = null;
+      if (document.activeElement === textFieldNode) {
+        import_UIManager.UIManager.blur(textFieldNode);
+      }
+    }
   }
 };

package/dist/cjs/modules/UIManager/__tests__/index-test.cjs

@@ -2,13 +2,15 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-    get: () => from[key],
-    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-  });
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -18,73 +20,92 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 // "default" to the CommonJS "module.exports" for node compatibility.
 isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
-  enumerable: !0
+  enumerable: true
 }) : target, mod));
 var import__ = __toESM(require("../index.cjs"), 1);
 const createStyledNode = (name = "div", style = {}) => {
-    const root = document.createElement(name);
-    return Object.keys(style).forEach(prop => {
-      root.style[prop] = style[prop];
-    }), root;
-  },
-  componentStub = {
-    _reactInternalInstance: {
-      _currentElement: {
-        _owner: {}
-      },
-      _debugID: 1
-    }
-  };
+  const root = document.createElement(name);
+  Object.keys(style).forEach(prop => {
+    root.style[prop] = style[prop];
+  });
+  return root;
+};
+const componentStub = {
+  _reactInternalInstance: {
+    _currentElement: {
+      _owner: {}
+    },
+    _debugID: 1
+  }
+};
 describe("apis/UIManager", () => {
   describe("focus", () => {
     test('sets tabIndex="-1" on elements not programmatically focusable by default', () => {
       const node = createStyledNode();
-      import__.default.focus(node), expect(node.getAttribute("tabIndex")).toEqual("-1");
-    }), test(`doesn't set tabIndex="-1" on elements with an existing tabIndex`, () => {
+      import__.default.focus(node);
+      expect(node.getAttribute("tabIndex")).toEqual("-1");
+    });
+    test(`doesn't set tabIndex="-1" on elements with an existing tabIndex`, () => {
       const node = createStyledNode();
-      node.tabIndex = 0, import__.default.focus(node), expect(node.getAttribute("tabIndex")).toEqual("0");
-    }), test(`doesn't set tabIndex="-1" on elements focusable by default`, () => {
+      node.tabIndex = 0;
+      import__.default.focus(node);
+      expect(node.getAttribute("tabIndex")).toEqual("0");
+    });
+    test(`doesn't set tabIndex="-1" on elements focusable by default`, () => {
+      ;
       ["a", "input", "select", "textarea"].forEach(name => {
         const node = createStyledNode(name);
-        import__.default.focus(node), expect(node.getAttribute("tabIndex")).toBeNull();
+        import__.default.focus(node);
+        expect(node.getAttribute("tabIndex")).toBeNull();
       });
     });
-  }), describe("updateView", () => {
+  });
+  describe("updateView", () => {
     test("supports className alias for class", () => {
-      const node = createStyledNode(),
-        props = {
-          className: "extra"
-        };
-      import__.default.updateView(node, props, componentStub), expect(node.getAttribute("class")).toEqual("extra");
-    }), test("adds correct DOM styles to existing style", () => {
+      const node = createStyledNode();
+      const props = {
+        className: "extra"
+      };
+      import__.default.updateView(node, props, componentStub);
+      expect(node.getAttribute("class")).toEqual("extra");
+    });
+    test("adds correct DOM styles to existing style", () => {
       const node = createStyledNode("div", {
-          color: "red"
-        }),
-        props = {
-          style: {
-            marginTop: 0,
-            marginBottom: 0,
-            opacity: 0
-          }
-        };
-      import__.default.updateView(node, props, componentStub), expect(node.getAttribute("style")).toEqual("color: red; margin-top: 0px; margin-bottom: 0px; opacity: 0;");
-    }), test("replaces input and textarea text", () => {
+        color: "red"
+      });
+      const props = {
+        style: {
+          marginTop: 0,
+          marginBottom: 0,
+          opacity: 0
+        }
+      };
+      import__.default.updateView(node, props, componentStub);
+      expect(node.getAttribute("style")).toEqual("color: red; margin-top: 0px; margin-bottom: 0px; opacity: 0;");
+    });
+    test("replaces input and textarea text", () => {
       const node = createStyledNode("textarea");
       node.value = "initial";
       const textProp = {
-          text: "expected-text"
-        },
-        valueProp = {
-          value: "expected-value"
-        };
-      import__.default.updateView(node, textProp), expect(node.value).toEqual("expected-text"), import__.default.updateView(node, valueProp), expect(node.value).toEqual("expected-value");
-    }), test("sets other attribute values", () => {
-      const node = createStyledNode(),
-        props = {
-          "aria-level": "4",
-          "data-of-type": "string"
-        };
-      import__.default.updateView(node, props), expect(node.getAttribute("aria-level")).toEqual("4"), expect(node.getAttribute("data-of-type")).toEqual("string");
+        text: "expected-text"
+      };
+      const valueProp = {
+        value: "expected-value"
+      };
+      import__.default.updateView(node, textProp);
+      expect(node.value).toEqual("expected-text");
+      import__.default.updateView(node, valueProp);
+      expect(node.value).toEqual("expected-value");
+    });
+    test("sets other attribute values", () => {
+      const node = createStyledNode();
+      const props = {
+        "aria-level": "4",
+        "data-of-type": "string"
+      };
+      import__.default.updateView(node, props);
+      expect(node.getAttribute("aria-level")).toEqual("4");
+      expect(node.getAttribute("data-of-type")).toEqual("string");
     });
   });
 });