@lvce-editor/renderer-process 15.5.0 → 16.0.0

package/dist/rendererProcessMain.js

@@ -286,7 +286,10 @@ const Option = 64;
 const Code$2 = 65;
 const Label = 66;
 const Dt = 67;
-const getElementTag = type => {
+const VirtualDomElements = {
+  __proto__: null,
+  Text: Text$1};
+const getElementTag$1 = type => {
   switch (type) {
     case Audio$2:
       return Audio$1$1;
@@ -400,6 +403,13 @@ const getElementTag = type => {
       throw new Error(`element tag not found ${type}`);
   }
 };
+const ElementTagMap = {
+  __proto__: null,
+  getElementTag: getElementTag$1
+};
+const {
+  getElementTag
+} = ElementTagMap;
 const getEventListenerOptions$1 = (eventName, value) => {
   if (value.passive) {
     return {
@@ -618,6 +628,9 @@ const setProps = ($Element, props, eventMap, newEventMap) => {
     setProp($Element, key, props[key], eventMap, newEventMap);
   }
 };
+const {
+  Text: Text$2
+} = VirtualDomElements;
 const renderDomTextNode = element => {
   return document.createTextNode(element.text);
 };
@@ -629,7 +642,7 @@ const renderDomElement = (element, eventMap, newEventMap) => {
 };
 const render$1 = (element, eventMap, newEventMap) => {
   switch (element.type) {
-    case Text$1:
+    case Text$2:
       return renderDomTextNode(element);
     default:
       return renderDomElement(element, eventMap, newEventMap);
@@ -2713,8 +2726,10 @@ const measureTextBlockHeight = (text, fontSize, fontFamily, lineHeight, width) =
   $Measure.style.left = '-9999px';
   $Measure.style.fontSize = `${fontSize}px`;
   $Measure.style.lineHeight = lineHeight;
+  $Measure.style.whiteSpace = 'pre';
   $Measure.textContent = text;
-  return getElementHeight($Measure);
+  const height = getElementHeight($Measure);
+  return height;
 };
 
 const measureTextHeight = (text, fontSize, fontFamily) => {
@@ -3421,42 +3436,6 @@ const start = async (id, options) => {
   }
 };
 
-const getTimeStamp = () => {
-  return performance.now();
-};
-
-const waitForMutation = async maxDelay => {
-  const disposables = [];
-  await Promise.race([new Promise(resolve => {
-    const timeout = setTimeout(resolve, maxDelay);
-    // @ts-expect-error
-    disposables.push(() => {
-      clearTimeout(timeout);
-    });
-  }), new Promise(resolve => {
-    const callback = mutations => {
-      resolve(undefined);
-    };
-    const observer = new MutationObserver(callback);
-    observer.observe(document.body, {
-      childList: true,
-      attributes: true,
-      characterData: true,
-      subtree: true,
-      attributeOldValue: true,
-      characterDataOldValue: true
-    });
-    // @ts-expect-error
-    disposables.push(() => {
-      observer.disconnect();
-    });
-  })]);
-  for (const disposable of disposables) {
-    // @ts-expect-error
-    disposable();
-  }
-};
-
 const getEventClass = eventType => {
   switch (eventType) {
     case Wheel:
@@ -3528,32 +3507,6 @@ const ElementActions = {
   type
 };
 
-const press = options => {
-  const element = document.activeElement;
-  keyDown(element, options);
-  keyUp(element, options);
-};
-
-const KeyBoardActions = {
-  __proto__: null,
-  press
-};
-
-const toHaveCount$1 = (elements, {
-  count
-}) => {
-  return elements.length === count;
-};
-const toBeHidden = elements => {
-  return elements.length === 0;
-};
-
-const MultiElementConditions = {
-  __proto__: null,
-  toBeHidden,
-  toHaveCount: toHaveCount$1
-};
-
 const htmlElements = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdo', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'command', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'link', 'map', 'mark', 'menu', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'pre', 'progress', 'q', 'rp', 'rt', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'sub', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr'];
 
 const querySelectorByText = (root, text) => {
@@ -3629,81 +3582,23 @@ const querySelectorWithOptions = (selector, {
   return element;
 };
 
-const toBeVisible = element => {
-  if (typeof element.isVisible === 'function') {
-    return element.isVisible();
-  }
-  return element.isConnected;
-};
-const toHaveValue = (element, {
-  value
-}) => {
-  return element.value === value;
-};
-const toHaveText$1 = (element, {
-  text
-}) => {
-  return element.textContent === text;
-};
-const toContainText = (element, {
-  text
-}) => {
-  return element.textContent.includes(text);
-};
-const toHaveAttribute$1 = (element, {
-  key,
-  value
-}) => {
-  const attribute = element.getAttribute(key);
-  return attribute === value;
-};
-const toHaveJSProperty$1 = (element, {
-  key,
-  value
-}) => {
-  const attribute = element[key];
-  return attribute === value;
-};
-const toBeFocused$1 = element => {
-  return element === document.activeElement;
-};
-const toHaveClass$1 = (element, {
-  className
-}) => {
-  return element.classList.contains(className);
-};
-const toHaveId$1 = (element, {
-  id
-}) => {
-  return element.id === id;
-};
-const toHaveCss$1 = (element, {
-  key,
-  value
-}) => {
-  const style = getComputedStyle(element);
-  const actualValue = style[key];
-  if (value instanceof RegExp) {
-    return value.test(actualValue);
+const performAction2 = async (locator, fnName, options) => {
+  object(locator);
+  string(fnName);
+  object(options);
+  const fn = ElementActions[fnName];
+  const element = querySelectorWithOptions(locator._selector, {
+    hasText: locator._hasText,
+    nth: locator._nth
+  });
+  if (!element) {
+    throw new Error(`element not found`);
   }
-  return actualValue === value;
-};
-
-const SingleElementConditions = {
-  __proto__: null,
-  toBeFocused: toBeFocused$1,
-  toBeVisible,
-  toContainText,
-  toHaveAttribute: toHaveAttribute$1,
-  toHaveClass: toHaveClass$1,
-  toHaveCss: toHaveCss$1,
-  toHaveId: toHaveId$1,
-  toHaveJSProperty: toHaveJSProperty$1,
-  toHaveText: toHaveText$1,
-  toHaveValue
+  fn(element, options);
+  return;
 };
 
-const toHaveText = locator => {
+const toHaveText$1 = locator => {
   const element = querySelectorWithOptions(locator._selector, {
     nth: locator._nth,
     hasText: locator._hasText
@@ -3719,7 +3614,7 @@ const toHaveText = locator => {
     actual: element.textContent
   };
 };
-const toHaveAttribute = (locator, {
+const toHaveAttribute$1 = (locator, {
   key,
   value
 }) => {
@@ -3739,7 +3634,7 @@ const toHaveAttribute = (locator, {
     actual
   };
 };
-const toHaveCount = locator => {
+const toHaveCount$1 = locator => {
   const elements = querySelector(locator._selector);
   const actualCount = elements.length;
   return {
@@ -3758,14 +3653,14 @@ const stringifyElement = element => {
   }
   return element.tagName;
 };
-const toBeFocused = locator => {
+const toBeFocused$1 = locator => {
   const activeElement = document.activeElement;
   const stringifiedActiveElement = stringifyElement(activeElement);
   return {
     actual: stringifiedActiveElement
   };
 };
-const toHaveClass = (locator, {
+const toHaveClass$1 = (locator, {
   className
 }) => {
   const [element] = querySelector(locator._selector);
@@ -3780,7 +3675,7 @@ const toHaveClass = (locator, {
     actual: className
   };
 };
-const toHaveId = locator => {
+const toHaveId$1 = locator => {
   const [element] = querySelector(locator._selector);
   if (!element) {
     return {
@@ -3793,7 +3688,7 @@ const toHaveId = locator => {
     actual: element.id
   };
 };
-const toHaveCss = (locator, {
+const toHaveCss$1 = (locator, {
   key
 }) => {
   const [element] = querySelector(locator._selector);
@@ -3810,7 +3705,7 @@ const toHaveCss = (locator, {
     actual
   };
 };
-const toHaveJSProperty = (locator, {
+const toHaveJSProperty$1 = (locator, {
   key
 }) => {
   const [element] = querySelector(locator._selector);
@@ -3828,39 +3723,115 @@ const toHaveJSProperty = (locator, {
 };
 
 const ConditionValues = {
+  __proto__: null,
+  toBeFocused: toBeFocused$1,
+  toHaveAttribute: toHaveAttribute$1,
+  toHaveClass: toHaveClass$1,
+  toHaveCount: toHaveCount$1,
+  toHaveCss: toHaveCss$1,
+  toHaveId: toHaveId$1,
+  toHaveJSProperty: toHaveJSProperty$1,
+  toHaveText: toHaveText$1
+};
+
+const press = options => {
+  const element = document.activeElement;
+  keyDown(element, options);
+  keyUp(element, options);
+};
+
+const KeyBoardActions = {
+  __proto__: null,
+  press
+};
+
+const toHaveCount = (elements, {
+  count
+}) => {
+  return elements.length === count;
+};
+const toBeHidden = elements => {
+  return elements.length === 0;
+};
+
+const MultiElementConditions = {
+  __proto__: null,
+  toBeHidden,
+  toHaveCount
+};
+
+const toBeVisible = element => {
+  if (typeof element.isVisible === 'function') {
+    return element.isVisible();
+  }
+  return element.isConnected;
+};
+const toHaveValue = (element, {
+  value
+}) => {
+  return element.value === value;
+};
+const toHaveText = (element, {
+  text
+}) => {
+  return element.textContent === text;
+};
+const toContainText = (element, {
+  text
+}) => {
+  return element.textContent.includes(text);
+};
+const toHaveAttribute = (element, {
+  key,
+  value
+}) => {
+  const attribute = element.getAttribute(key);
+  return attribute === value;
+};
+const toHaveJSProperty = (element, {
+  key,
+  value
+}) => {
+  const attribute = element[key];
+  return attribute === value;
+};
+const toBeFocused = element => {
+  return element === document.activeElement;
+};
+const toHaveClass = (element, {
+  className
+}) => {
+  return element.classList.contains(className);
+};
+const toHaveId = (element, {
+  id
+}) => {
+  return element.id === id;
+};
+const toHaveCss = (element, {
+  key,
+  value
+}) => {
+  const style = getComputedStyle(element);
+  const actualValue = style[key];
+  if (value instanceof RegExp) {
+    return value.test(actualValue);
+  }
+  return actualValue === value;
+};
+
+const SingleElementConditions = {
   __proto__: null,
   toBeFocused,
+  toBeVisible,
+  toContainText,
   toHaveAttribute,
   toHaveClass,
-  toHaveCount,
   toHaveCss,
   toHaveId,
   toHaveJSProperty,
-  toHaveText
-};
-
-// TODO this should also come in via options
-const maxTimeout$1 = 2000;
-const performAction2 = async (locator, fnName, options) => {
-  object(locator);
-  string(fnName);
-  object(options);
-  const startTime = getTimeStamp();
-  const endTime = startTime + maxTimeout$1;
-  let currentTime = startTime;
-  const fn = ElementActions[fnName];
-  while (currentTime < endTime) {
-    const element = querySelectorWithOptions(locator._selector, {
-      hasText: locator._hasText,
-      nth: locator._nth
-    });
-    if (element) {
-      fn(element, options);
-      return;
-    }
-    await waitForMutation(100);
-    currentTime = getTimeStamp();
-  }
+  toHaveText,
+  toHaveValue
 };
 
 const create$Overlay = () => {
@@ -3884,26 +3855,21 @@ const showOverlay = (state, background, text) => {
   $TestOverlay.textContent = text;
   document.body.append($TestOverlay);
 };
-const maxTimeout = 2000;
 const performAction = async (locator, fnName, options) => {
   object(locator);
   string(fnName);
   object(options);
-  const startTime = getTimeStamp();
-  const endTime = startTime + maxTimeout;
-  let currentTime = startTime;
   const fn = ElementActions[fnName];
-  while (currentTime < endTime) {
-    const element = querySelectorWithOptions(locator._selector, {
-      hasText: locator._hasText,
-      nth: locator._nth
-    });
-    if (element) {
-      fn(element, options);
-      return;
-    }
-    await waitForMutation(100);
-    currentTime = getTimeStamp();
+  const element = querySelectorWithOptions(locator._selector, {
+    hasText: locator._hasText,
+    nth: locator._nth
+  });
+  if (!element) {
+    throw new Error(`element not found`);
+  }
+  if (element) {
+    fn(element, options);
+    return;
   }
 };
 const performKeyBoardAction = (fnName, options) => {
@@ -3911,45 +3877,31 @@ const performKeyBoardAction = (fnName, options) => {
   fn(options);
 };
 const checkSingleElementCondition = async (locator, fnName, options) => {
-  const startTime = getTimeStamp();
-  const endTime = startTime + maxTimeout;
-  let currentTime = startTime;
   const fn = SingleElementConditions[fnName];
-  while (currentTime < endTime) {
-    const element = querySelectorWithOptions(locator._selector, {
-      hasText: locator._hasText,
-      nth: locator._nth
-    });
-    if (element) {
-      const successful = fn(element, options);
-      if (successful) {
-        return {
-          error: false
-        };
-      }
+  const element = querySelectorWithOptions(locator._selector, {
+    hasText: locator._hasText,
+    nth: locator._nth
+  });
+  if (element) {
+    const successful = fn(element, options);
+    if (successful) {
+      return {
+        error: false
+      };
     }
-    await waitForMutation(100);
-    currentTime = getTimeStamp();
   }
   return {
     error: true
   };
 };
 const checkMultiElementCondition = async (locator, fnName, options) => {
-  const startTime = getTimeStamp();
-  const endTime = startTime + maxTimeout;
-  let currentTime = startTime;
   const fn = MultiElementConditions[fnName];
-  while (currentTime < endTime) {
-    const elements = querySelector(locator._selector);
-    const successful = fn(elements, options);
-    if (successful) {
-      return {
-        error: false
-      };
-    }
-    await waitForMutation(100);
-    currentTime = getTimeStamp();
+  const elements = querySelector(locator._selector);
+  const successful = fn(elements, options);
+  if (successful) {
+    return {
+      error: false
+    };
   }
   return {
     error: true
@@ -8168,11 +8120,7 @@ const setFocused = (state, isFocused) => {
   const {
     $Viewlet
   } = state;
-  if (isFocused) {
-    $Viewlet.classList.add(activeClassName);
-  } else {
-    $Viewlet.classList.remove(activeClassName);
-  }
+  $Viewlet.classList.toggle(activeClassName, isFocused);
 };
 
 const ViewletTitleBar = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "15.5.0",
+  "version": "16.0.0",
   "keywords": [
     "lvce-editor",
     "renderer-process"