Merge pull request #59 from wseagar/fix/multiple_text_node_siblings

Fix/multiple text node siblings

script.js

@@ -158,7 +158,7 @@ function changeVerified(prependHTML, elm, isSmall, isIndeterminate) {
       // Ideally, we wouldn't mutate the parent element, because those 2 styles won't be managed by us further on.
       // That is, if the `aria-label`-selected element changes, the parent styles won't be properly updated.
       // This approach is tolerable, because it's unlikely that a `aria-label`-selected element changes from a
-      // "React text node + React element node" sibling configuration to a "single React element node" sibling configuration.
+      // "React text node(s) + React element node" sibling configuration to a "single React element node" sibling configuration.
       elm.parentElement.style.display = "inline-flex";
       elm.parentElement.style.alignItems = "center";  
     }
@@ -196,7 +196,7 @@ function changeBlueVerified(prependHTML, elm, isSmall) {
       // Ideally, we wouldn't mutate the parent element, because those 2 styles won't be managed by us further on.
       // That is, if the `aria-label`-selected element changes, the parent styles won't be properly updated.
       // This approach is tolerable, because it's unlikely that a `aria-label`-selected element changes from a
-      // "React text node + React element node" sibling configuration to a "single React element node" sibling configuration.
+      // "React text node(s) + React element node" sibling configuration to a "single React element node" sibling configuration.
       elm.parentElement.style.display = "inline-flex";
       elm.parentElement.style.alignItems = "center";  
     }
@@ -220,6 +220,16 @@ function querySelectorAllIncludingMe(node, selector) {
   return [...node.querySelectorAll(selector)]
 }
 
+function getPreviusSiblingsOuterHTML(node) {
+  let prev = node.previousElementSibling;
+  let html = [];
+  while (prev) {
+    html.push(prev.outerHTML);
+    prev = prev.previousElementSibling;
+  }
+  return html.reverse().join('');
+}
+
 // From https://stackoverflow.com/a/74240138/2230249
 function getReactProps(parent, target) {
   const keyof_ReactProps = Object.keys(parent).find(k => k.startsWith("__reactProps$"));
@@ -314,7 +324,7 @@ function evaluateBlueCheck() {
 
         const isSmall = checkIfSmall(blueCheckComponent)
         const isKnownBadData = checkIfKnownBadData(blueCheckComponent)
-        const prependHTML = blueCheckComponent.previousElementSibling?.outerHTML
+        const prependHTML = getPreviusSiblingsOuterHTML(blueCheckComponent)
 
         if (isKnownBadData && nestedProps.isVerified && nestedProps.isBlueVerified) {
           changeVerified(prependHTML, blueCheckComponent, isSmall, true);