@intuned/browser-dev 2.2.3-test-build.0

package/dist/optimized-extractors/common/matching/matching.test.js

@@ -0,0 +1,655 @@
+"use strict";
+
+var _extendedTest = require("../../../common/extendedTest");
+var _utils = require("./utils");
+var _types = require("./types");
+async function matchStringsWithDomContent(page, data, container) {
+  const result = await page.evaluate(async ({
+    searchTexts,
+    container
+  }) => {
+    const result = await window.__INTUNED__.matchStringsWithDomContent(container ?? document.documentElement, searchTexts);
+    return result;
+  }, {
+    searchTexts: data,
+    container
+  });
+  return result;
+}
+(0, _extendedTest.describe)("Attribute Matching Tests", () => {
+  (0, _extendedTest.test)("should match a url in a e commerce website", async ({
+    context,
+    page
+  }) => {
+    const domString = `<section class="vivant-color-picker-0-x-container vivant-color-picker-0-x-container--product-summary-default vtex-product-summary-2-x-container vtex-product-summary-2-x-container--product-summary-default vivant-color-picker-0-x-containerNormal vivant-color-picker-0-x-containerNormal--product-summary-default vtex-product-summary-2-x-containerNormal vtex-product-summary-2-x-containerNormal--product-summary-default overflow-hidden br3 h-100 w-100 flex flex-column justify-between center tc" style="max-width:300px"><a href="https://www.esprit.com.co/camisa-en-tela-tipo-satin-para-mujer-419f031-cru110602/p" class="vivant-color-picker-0-x-clearLink vivant-color-picker-0-x-clearLink--product-summary-default vtex-product-summary-2-x-clearLink vtex-product-summary-2-x-clearLink--product-summary-default h-100 flex flex-column"><article class="vivant-color-picker-0-x-element vivant-color-picker-0-x-element--product-summary-default vtex-product-summary-2-x-element vtex-product-summary-2-x-element--product-summary-default pointer pt3 pb4 flex flex-column h-100"><div class="vtex-flex-layout-0-x-flexRow vtex-flex-layout-0-x-flexRow--product-image-and-quick-view"><div class="flex mt0 mb0 pt0 pb0    justify-start vtex-flex-layout-0-x-flexRowContent vtex-flex-layout-0-x-flexRowContent--product-image-and-quick-view items-stretch w-100"><div class="pr0 items-stretch    flex" style="width:auto"><div class="vtex-product-summary-2-x-imageContainer vtex-product-summary-2-x-imageWrapper db w-100 center"><div class="dib relative vtex-product-summary-2-x-imageContainer vtex-product-summary-2-x-imageStackContainer"><img src="https://esprit.vtexassets.com/arquivos/ids/1502202-500-auto?v=638602845646730000&amp;width=500&amp;height=auto&amp;aspect=true" loading="lazy" alt="Camisa en tela tipo satín para mujer" class="vtex-product-summary-2-x-imageNormal vtex-product-summary-2-x-image vtex-product-summary-2-x-mainImageHovered" fetchpriority="low" crossorigin="anonymous"></div></div></div><div class="pr0 items-stretch    flex" style="width:auto"><div tabindex="0" role="button" class="vtex-modal-layout-0-x-triggerContainer vtex-modal-layout-0-x-triggerContainer--quickview bg-transparent pa0 bw0 dib"><div class="vtex-rich-text-0-x-container vtex-rich-text-0-x-container--quickview-trigger-text vtex-rich-text-0-x-container--plp-check-product-text flex tl items-start justify-start t-body c-on-base"><div class="vtex-rich-text-0-x-wrapper vtex-rich-text-0-x-wrapper--quickview-trigger-text vtex-rich-text-0-x-wrapper--plp-check-product-text"><p class="lh-copy vtex-rich-text-0-x-paragraph vtex-rich-text-0-x-paragraph--quickview-trigger-text vtex-rich-text-0-x-paragraph--plp-check-product-text">COMPRA RÁPIDA</p></div></div></div></div><div class="pr0 items-stretch    flex" style="width:auto"><div class="esprit-esprit-store-7-x-main_flags_container"><div class="esprit-esprit-store-7-x-flag" style="background: rgb(60, 77, 176);">20% dcto</div></div></div></div></div><div class="vtex-flex-layout-0-x-flexRow vtex-flex-layout-0-x-flexRow--product-name-and-wishlist"><div class="flex mt0 mb0 pt0 pb0    justify-start vtex-flex-layout-0-x-flexRowContent vtex-flex-layout-0-x-flexRowContent--product-name-and-wishlist items-stretch w-100"><div class="pr0 items-stretch    flex" style="width:auto"><div class="vtex-product-summary-2-x-nameContainer flex items-start justify-center pv6"><h3 class="vtex-product-summary-2-x-productNameContainer mv0 vtex-product-summary-2-x-nameWrapper overflow-hidden c-on-base f5"><span class="vtex-product-summary-2-x-productBrand vtex-product-summary-2-x-brandName t-body">Camisa en tela tipo satín para mujer<!-- --> </span></h3></div></div><div class="pr0 items-stretch    flex" style="width:auto"><div class="vtex-wish-list-1-x-wishlistIconContainer"><button tabindex="0" class="vtex-button bw1 ba fw5 v-mid relative pa0 lh-solid br2 min-h-regular t-action bg-transparent b--transparent c-action-primary hover-b--transparent hover-bg-action-secondary hover-b--action-secondary pointer " type="button"><div class="vtex-button__label flex items-center justify-center h-100 ph6 " style="padding-top: 0.25em; padding-bottom: 0.32em;"><span class="vtex-wish-list-1-x-wishlistIcon vtex-wish-list-1-x-outline vtex-wish-list-1-x-iconSize"></span></div></button></div></div></div></div><div class="vivant-color-picker-0-x-summary-container"><div class="vivant-color-picker-0-x-variants-container vivant-color-picker-0-x-element-loading vivant-color-picker-0-x-element-loading--loaded"><div class="vivant-color-picker-0-x-variants"><button class="vivant-color-picker-0-x-image-container vivant-color-picker-0-x-image-container--is-active"><img class="vivant-color-picker-0-x-imageElement" src="https://esprit.vtexassets.com/arquivos/34_419F031_CRU110602.jpg?v=870" alt="Camisa en tela tipo satín para mujer" crossorigin="anonymous"></button></div></div></div><div class="lukshop-product-size-0-x-container_stopped_element lukshop-product-size-0-x-container_stopped_element--summary-product-sizes"><div class="lukshop-product-size-0-x-size lukshop-product-size-0-x-size--summary-product-sizes"><p class="lukshop-product-size-0-x-size_title lukshop-product-size-0-x-size_title--summary-product-sizes">Tallas disponibles</p><div class="lukshop-product-size-0-x-size_content lukshop-product-size-0-x-size_content--summary-product-sizes"><button class="lukshop-product-size-0-x-size_button lukshop-product-size-0-x-size_button--summary-product-sizes lukshop-product-size-0-x-size_button lukshop-product-size-0-x-size_button--summary-product-sizes_L  ">L</button><button class="lukshop-product-size-0-x-size_button lukshop-product-size-0-x-size_button--summary-product-sizes lukshop-product-size-0-x-size_button lukshop-product-size-0-x-size_button--summary-product-sizes_M  ">M</button><button class="lukshop-product-size-0-x-size_button lukshop-product-size-0-x-size_button--summary-product-sizes lukshop-product-size-0-x-size_button lukshop-product-size-0-x-size_button--summary-product-sizes_S  ">S</button><button disabled="" class="lukshop-product-size-0-x-size_button lukshop-product-size-0-x-size_button--summary-product-sizes lukshop-product-size-0-x-size_button lukshop-product-size-0-x-size_button--summary-product-sizes_XL lukshop-product-size-0-x-size_button_disable lukshop-product-size-0-x-size_button_disable--summary-product-sizes ">XL</button><button class="lukshop-product-size-0-x-size_button lukshop-product-size-0-x-size_button--summary-product-sizes lukshop-product-size-0-x-size_button lukshop-product-size-0-x-size_button--summary-product-sizes_XS  ">XS</button><button class="lukshop-product-size-0-x-size_button lukshop-product-size-0-x-size_button--summary-product-sizes lukshop-product-size-0-x-size_button lukshop-product-size-0-x-size_button--summary-product-sizes_XXL  ">XXL</button></div></div></div><div class="vtex-flex-layout-0-x-flexRow vtex-flex-layout-0-x-flexRow--selling-and-list-price"><div class="flex mt0 mb0 pt0 pb0    justify-start vtex-flex-layout-0-x-flexRowContent vtex-flex-layout-0-x-flexRowContent--selling-and-list-price items-stretch w-100"><div class="pr0 items-stretch    flex" style="width:auto"><span class="vtex-product-price-1-x-listPrice"><span class="vtex-product-price-1-x-listPriceValue strike"><span class="vtex-product-price-1-x-currencyContainer"><span class="vtex-product-price-1-x-currencyCode">$</span><span class="vtex-product-price-1-x-currencyLiteral">&nbsp;</span><span class="vtex-product-price-1-x-currencyInteger">129</span><span class="vtex-product-price-1-x-currencyGroup">.</span><span class="vtex-product-price-1-x-currencyInteger">900</span><span class="vtex-product-price-1-x-currencyDecimal">,</span><span class="vtex-product-price-1-x-currencyFraction">00</span></span></span></span></div><div class="pr0 items-stretch    flex" style="width:auto"><span class="vtex-product-price-1-x-sellingPrice vtex-product-price-1-x-sellingPrice--hasListPrice"><span class="vtex-product-price-1-x-sellingPriceValue"><span class="vtex-product-price-1-x-currencyContainer"><span class="vtex-product-price-1-x-currencyCode">$</span><span class="vtex-product-price-1-x-currencyLiteral">&nbsp;</span><span class="vtex-product-price-1-x-currencyInteger">103</span><span class="vtex-product-price-1-x-currencyGroup">.</span><span class="vtex-product-price-1-x-currencyInteger">920</span><span class="vtex-product-price-1-x-currencyDecimal">,</span><span class="vtex-product-price-1-x-currencyFraction">00</span></span></span></span></div></div></div></article></a></section>`;
+    const data = "https://www.esprit.com.co/camisa-en-tela-tipo-satin-para-mujer-419f031-cru110602/p";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    (0, _extendedTest.expect)(matchResults).toHaveLength(2);
+  });
+  (0, _extendedTest.test)("should match full attribute", async ({
+    page
+  }) => {
+    const data = "https://www.google.com";
+    const domString = `
+            <a href="https://www.google.com">
+                <p>Hello, world!</p>
+            </a>
+        `;
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    console.log(matchResults);
+    (0, _extendedTest.expect)(matchResults).toHaveLength(2);
+    (0, _extendedTest.expect)(matchResults[0].attribute).toBe("href");
+    (0, _extendedTest.expect)(matchResults[0].tag).toBe("a");
+    (0, _extendedTest.expect)(matchResults[0].match_mode).toBe(_types.MatchMode.FULL);
+    (0, _extendedTest.expect)(matchResults[0].matched_value).toBe("https://www.google.com");
+  });
+  (0, _extendedTest.test)("should match partial attribute", async ({
+    page
+  }) => {
+    const domString = `<img alt="intuned is a startup" />`;
+    const data = "intuned";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    (0, _extendedTest.expect)(matchResults).toHaveLength(1);
+    (0, _extendedTest.expect)(matchResults[0].attribute).toBe("alt");
+    (0, _extendedTest.expect)(matchResults[0].tag).toBe("img");
+    (0, _extendedTest.expect)(matchResults[0].match_mode).toBe(_types.MatchMode.PARTIAL);
+    (0, _extendedTest.expect)(matchResults[0].matched_value).toBe("intuned");
+  });
+  (0, _extendedTest.test)("should match full fuzzy attribute", async ({
+    page
+  }) => {
+    const domString = `
+            <div class="container">
+                <header>
+                    <h1>Welcome to Our Website</h1>
+                    <nav>
+                        <ul>
+                            <li><a href="#home">Home</a></li>
+                            <li><a href="#about">About</a></li>
+                            <li><a href="#contact">Contact</a></li>
+                        </ul>
+                    </nav>
+                </header>
+                <main>
+                    <aside>
+                        <img alt="Lorem ipsum dolor sit amet" src="example.jpg" />
+                    </aside>
+                </main>
+                <footer>
+                    <p>&copy; 2023 Our Company. All rights reserved.</p>
+                </footer>
+            </div>
+        `;
+    const data = "Lorem psum dolor it amet";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    (0, _extendedTest.expect)(matchResults).toHaveLength(1);
+    (0, _extendedTest.expect)(matchResults[0].match_mode).toBe(_types.MatchMode.FUZZY);
+    (0, _extendedTest.expect)(matchResults[0].attribute).toBe("alt");
+    (0, _extendedTest.expect)(matchResults[0].tag).toBe("img");
+    (0, _extendedTest.expect)(matchResults[0].matched_value).toBe("Lorem ipsum dolor sit amet");
+  });
+});
+(0, _extendedTest.describe)("Text Content Matching Tests", () => {
+  (0, _extendedTest.test)("should match full text content", async ({
+    page
+  }) => {
+    const domString = `
+            <div>
+                <p>intuned is an rpa company</p>
+            </div>
+        `;
+    const data = "intuned is an rpa company";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    (0, _extendedTest.expect)(matchResults).toHaveLength(2);
+    (0, _extendedTest.expect)(matchResults[0].attribute).toBeNull();
+    (0, _extendedTest.expect)(matchResults[0].tag).toBe("p");
+    (0, _extendedTest.expect)(matchResults[0].match_mode).toBe(_types.MatchMode.FULL);
+    (0, _extendedTest.expect)(matchResults[0].matched_value).toBe("intuned is an rpa company");
+  });
+  (0, _extendedTest.test)("should match partial text content", async ({
+    page
+  }) => {
+    const domString = `
+            <div>
+                <p>intuned is a startup</p>
+            </div>
+        `;
+    const data = "intuned is a";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    (0, _extendedTest.expect)(matchResults).toHaveLength(2);
+    (0, _extendedTest.expect)(matchResults[0].attribute).toBeNull();
+    (0, _extendedTest.expect)(matchResults[0].tag).toBe("p");
+    (0, _extendedTest.expect)(matchResults[0].match_mode).toBe(_types.MatchMode.PARTIAL);
+    (0, _extendedTest.expect)(matchResults[0].matched_value).toBe("intuned is a");
+  });
+  (0, _extendedTest.test)("should match fuzzy full text content", async ({
+    page
+  }) => {
+    const domString = `
+            <div class="container">
+                <article>
+                    <h2>Latest News</h2>
+                    <p>intned</p>
+                </article>
+            </div>
+        `;
+    const data = "intuned";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    console.log(matchResults);
+    (0, _extendedTest.expect)(matchResults).toHaveLength(2);
+    (0, _extendedTest.expect)(matchResults[0].tag).toBe("p");
+    (0, _extendedTest.expect)(matchResults[0].match_mode).toBe(_types.MatchMode.FUZZY);
+    (0, _extendedTest.expect)(matchResults[0].matched_value).toBe("intned");
+  });
+  (0, _extendedTest.test)("should match fuzzy partial text content", async ({
+    page
+  }) => {
+    const domString = `
+            <div class="content-wrapper">
+                <p>intned is a startup revolutionizing the industry</p>
+            </div>
+        `;
+    const data = "intuned";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    (0, _extendedTest.expect)(matchResults).toHaveLength(2);
+    (0, _extendedTest.expect)(matchResults[0].attribute).toBeNull();
+    (0, _extendedTest.expect)(matchResults[0].tag).toBe("p");
+    (0, _extendedTest.expect)(matchResults[0].match_mode).toBe(_types.MatchMode.FUZZY);
+    (0, _extendedTest.expect)(matchResults[0].matched_value).toBe("intned");
+  });
+});
+(0, _extendedTest.describe)("Direct Text Node Matching Tests", () => {
+  (0, _extendedTest.test)("should match full direct text node", async ({
+    page
+  }) => {
+    const domString = `<p>intuned is awesome<span>rami</span></p>`;
+    const data = "intuned is awesome";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    (0, _extendedTest.expect)(matchResults).toHaveLength(2);
+    (0, _extendedTest.expect)(matchResults[1].attribute).toBeNull();
+    (0, _extendedTest.expect)(matchResults[1].tag).toBe("p");
+    (0, _extendedTest.expect)(matchResults[1].match_mode).toBe(_types.MatchMode.PARTIAL);
+    (0, _extendedTest.expect)(matchResults[1].matched_value).toBe("intuned is awesome");
+  });
+  (0, _extendedTest.test)("should match partial direct text node", async ({
+    page
+  }) => {
+    const domString = `<p>intuned is a startup<span>rami</span></p>`;
+    const data = "intuned";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    (0, _extendedTest.expect)(matchResults).toHaveLength(2);
+    (0, _extendedTest.expect)(matchResults[0].attribute).toBeNull();
+    (0, _extendedTest.expect)(matchResults[0].tag).toBe("p");
+    (0, _extendedTest.expect)(matchResults[0].match_mode).toBe(_types.MatchMode.PARTIAL);
+    (0, _extendedTest.expect)(matchResults[0].matched_value).toBe("intuned");
+  });
+  (0, _extendedTest.test)("should match fuzzy full direct text node", async ({
+    page
+  }) => {
+    const domString = `<p>intned<span>rami</span></p>`;
+    const data = "intuned";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    (0, _extendedTest.expect)(matchResults).toHaveLength(2);
+    (0, _extendedTest.expect)(matchResults[0].tag).toBe("p");
+    (0, _extendedTest.expect)(matchResults[0].match_mode).toBe(_types.MatchMode.FUZZY);
+    (0, _extendedTest.expect)(matchResults[0].matched_value).toBe("intned");
+  });
+  (0, _extendedTest.test)("should match fuzzy partial direct text node", async ({
+    page
+  }) => {
+    const domString = `<p>intned is a startup<span>rami</span></p>`;
+    const data = "intuned";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    console.log(matchResults);
+    (0, _extendedTest.expect)(matchResults).toHaveLength(2);
+    (0, _extendedTest.expect)(matchResults[0].tag).toBe("p");
+    (0, _extendedTest.expect)(matchResults[0].match_mode).toBe(_types.MatchMode.FUZZY);
+    (0, _extendedTest.expect)(matchResults[0].matched_value).toBe("intned");
+  });
+});
+(0, _extendedTest.describe)("Rank Matching Tests", () => {
+  (0, _extendedTest.test)("should give high rank for large matches", async ({
+    page
+  }) => {
+    const original = "This is a long string with more than twenty characters to test the ranking system for large matches.";
+    const match = "This is a long string with mre than twenty charaters to test the ranking sstem for large matches.";
+    const matchResult = {
+      fuzzyDistance: 0,
+      matchType: "direct-text",
+      matchText: match,
+      sourceText: original,
+      isFuzzy: false,
+      nodeXpath: "",
+      matchXpath: "",
+      exact: false
+    };
+    const rank = (0, _utils.rankMatch)(original, matchResult);
+    (0, _extendedTest.expect)(rank).toBe("HIGH");
+  });
+  (0, _extendedTest.test)("should give low rank for small matches with non-punctuation difference", async ({
+    page
+  }) => {
+    const original = "itunedhq";
+    const match = "intunedhq";
+    const matchResult = {
+      fuzzyDistance: 0,
+      matchType: "direct-text",
+      matchText: match,
+      sourceText: original,
+      isFuzzy: false,
+      nodeXpath: "",
+      matchXpath: "",
+      exact: false
+    };
+    const rank = (0, _utils.rankMatch)(original, matchResult);
+    (0, _extendedTest.expect)(rank).toBe("LOW");
+  });
+  (0, _extendedTest.test)("should give high rank for small matches with only punctuation difference", async ({
+    page
+  }) => {
+    const original = "22-11-2022";
+    const match = "22/11/2022";
+    const matchResult = {
+      fuzzyDistance: 0,
+      matchType: "direct-text",
+      matchText: match,
+      sourceText: original,
+      isFuzzy: false,
+      nodeXpath: "",
+      matchXpath: "",
+      exact: false
+    };
+    const rank = (0, _utils.rankMatch)(original, matchResult);
+    (0, _extendedTest.expect)(rank).toBe("HIGH");
+  });
+  (0, _extendedTest.test)("should give low rank for small matches with differences", async ({
+    page
+  }) => {
+    const original = "2/11/2024";
+    const match = "22/11/2024";
+    const matchResult = {
+      fuzzyDistance: 0,
+      matchType: "direct-text",
+      matchText: match,
+      sourceText: original,
+      isFuzzy: false,
+      nodeXpath: "",
+      matchXpath: "",
+      exact: false
+    };
+    const rank = (0, _utils.rankMatch)(original, matchResult);
+    (0, _extendedTest.expect)(rank).toBe("LOW");
+  });
+});
+(0, _extendedTest.describe)("Fuzzy Matching Tests", () => {
+  (0, _extendedTest.test)("should match fuzzy strings", async ({
+    page
+  }) => {
+    const domString = `
+            <div class="container">
+                <article>
+                    <h2>Latest News</h2>
+                    <p>This is an even longer super long string that is intended to replace the previous content. It serves as a comprehensive placeholder for testing purposes and is designed to be significantly longer than the original text. This extended string will help ensure that the matching functionality can effectively handle various lengths of input, including those that are much more substantial than typical cases. The goal is to thoroughly test the robustness and performance of the matching algorithm under different scenarios, particularly when faced with lengthy and complex strings that may be encountered in real-world applications.</p>
+                </article>
+            </div>
+        `;
+    const data = "This is an even longer super lon     is intended to replace the previous conent. It serves as a comprehsive placeholder for testing purposes and is designed to be significantly longer than the original text. This extended string will help ensure that the matching functionality can effectively handle various lengths of input, including those that are much more substantial than typical cases. The goal is to thoroughly test the robustness and performance of the matching algorithm under different scenarios, particularly when faced with lengthy and complex strings that may be encountered in real-world applications.";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    (0, _extendedTest.expect)(matchResults).toHaveLength(2);
+    (0, _extendedTest.expect)(matchResults[0].match_mode).toBe(_types.MatchMode.FUZZY);
+    console.log(matchResults[0]);
+  });
+  (0, _extendedTest.test)("should not match non-fuzzy strings", async ({
+    page
+  }) => {
+    const domString = `<li> – Asynchronous Module Definition, used with module loaders like RequireJS</li>`;
+    const data = "with module loades like RequireJS";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    console.log(matchResults);
+  });
+});
+(0, _extendedTest.describe)("Case and Punctuation Matching Tests", () => {
+  (0, _extendedTest.test)("should match HTML casing and punctuation", async ({
+    page
+  }) => {
+    const domString = `
+      <div>
+        <p>Hello, World! This is a Test.</p>
+        <span>Another EXAMPLE; with Punctuation;</span>
+      </div>
+    `;
+    const data = ["hello world this is a test", "another example with punctuation"];
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, data);
+    (0, _extendedTest.expect)(matches[data[0]]).toHaveLength(2);
+    (0, _extendedTest.expect)(matches[data[0]][0].matched_value).toBe("Hello, World! This is a Test");
+    (0, _extendedTest.expect)(matches[data[0]][0].match_mode).toBe(_types.MatchMode.FUZZY);
+    (0, _extendedTest.expect)(matches[data[1]]).toHaveLength(2);
+    (0, _extendedTest.expect)(matches[data[1]][0].matched_value).toBe("Another EXAMPLE; with Punctuation");
+    (0, _extendedTest.expect)(matches[data[1]][0].match_mode).toBe(_types.MatchMode.FUZZY);
+    const matchedValues = [matches[data[0]][0].matched_value, matches[data[1]][0].matched_value];
+    const matches2 = await matchStringsWithDomContent(page, matchedValues, await page.locator("p").elementHandle());
+    (0, _extendedTest.expect)(matches2[matchedValues[0]].every(i => i.fuzzy_distance === null)).toBeTruthy();
+    (0, _extendedTest.expect)(matches2[matchedValues[1]].every(i => i.fuzzy_distance === null)).toBeTruthy();
+  });
+});
+(0, _extendedTest.describe)("Hallucination Protection Tests", () => {
+  (0, _extendedTest.test)("multi line match given container", async ({
+    page
+  }) => {
+    const domString = `
+    <div class="col-xs-6">
+                <fieldset id="fsFirmInformation">
+                    <legend class="collapsable" onclick="ToggleFieldSet(this);" data-toggle="tooltip" title="Click here to show or hide this section.">
+                        Firm Information
+                        <img src="/Images/collapse.png" class="collapsable">
+                    </legend>
+                    <div id="divName" class="row">
+                        <div class="col-xs-4">
+                            <label>Firm Name:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            Evan Rocks Transportation LLC
+                        </div>
+                    </div>
+                    <div id="divDba" class="row">
+                        <div class="col-xs-4">
+                            <label>DBA Name:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            Evan Rocks Transportation LLC
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-xs-4">
+                            <label>Firm Website:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            <div id="divNormalUrl">
+                                None
+                            </div>
+                            <div id="divSafeUrl" hidden="hidden" style="display: none;">
+                                <a onclick="DisplayGoToFirmWebsite();">None</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-xs-4">
+                            <label>Firm Address:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            4679 E Calle Glen  
+                        </div>
+                    </div>
+                    <div class="row keepWithPrev bump">
+                        <div class="col-xs-7 col-xs-offset-4">
+                            Kingman , Arizona 86409
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-xs-4">
+                            <label>Firm County Location:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            Mohave
+                        </div>
+                    </div>
+                    <div class="row keepWithPrev bump">
+                        <div class="col-xs-4">
+                            <label>Firm Work Territory:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            <a href="/Location/MapLocationById/19127" type="submit" id="runReport" target="_blank">
+                                View Map
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="row">
+                        <div class="col-xs-4">
+                            <label>Primary Contact:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            Rebecca Mayhood
+                        </div>
+                    </div>
+                    <div class="row keepWithPrev">
+                        <div class="col-xs-4">
+                            <label>Firm Phone:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            530-414-0369
+                        </div>
+                    </div>
+
+                    <div class="row keepWithPrev bump">
+                        <div class="col-xs-4">
+                            <label>Firm Email:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            evanrockstransllc@gmail.com
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-xs-4">
+                            <label>Secondary Contact:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            Elmo Norman
+                        </div>
+                    </div>
+                    <div class="row keepWithPrev">
+                        <div class="col-xs-4">
+                            <label>Secondary Phone:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            530-386-4744
+                        </div>
+                    </div>
+
+                    <div class="row keepWithPrev">
+                        <div class="col-xs-4">
+                            <label>Secondary Email:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            elmo_0398@yahoo.com
+                        </div>
+                    </div>
+
+                </fieldset>
+            </div>
+    `;
+    const data = "4679 E Calle Glen, Kingman, Arizona 86409";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data], await page.locator("#fsFirmInformation").elementHandle());
+    (0, _extendedTest.expect)(matches[data]).toHaveLength(1);
+    const matchedValue = matches[data][0].matched_value;
+    const matches2 = await matchStringsWithDomContent(page, [matchedValue], await page.locator("#fsFirmInformation").elementHandle());
+    (0, _extendedTest.expect)(matches2[matchedValue].every(i => i.fuzzy_distance === null)).toBeTruthy();
+  });
+});
+(0, _extendedTest.describe)("Encoded & Matching Tests", () => {
+  (0, _extendedTest.test)("should match encoded &", async ({
+    page
+  }) => {
+    const domString = `
+      <div>
+        <p>intuned &/p; cosine</p>
+      </div>
+    `;
+    const data = "intuned & cosine";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data]);
+    const matchResults = matches[data];
+    (0, _extendedTest.expect)(matchResults).toHaveLength(2);
+    (0, _extendedTest.expect)(matchResults[0].attribute).toBeNull();
+    (0, _extendedTest.expect)(matchResults[0].tag).toBe("p");
+    (0, _extendedTest.expect)(matchResults[0].match_mode).toBe(_types.MatchMode.FUZZY);
+    (0, _extendedTest.expect)(matchResults[0].matched_value).toBe("intuned &/p; cosine");
+  }, {
+    headless: false
+  });
+});
+(0, _extendedTest.describe)("test attributes fuzzy matching", () => {
+  (0, _extendedTest.test)("should be able to match attributes fuzzy", async ({
+    page
+  }) => {
+    const domString = `
+    <div class="col-xs-6">
+                <fieldset id="fsFirmInformation">
+                    <legend class="collapsable" onclick="ToggleFieldSet(this);" data-toggle="tooltip" title="Click here to show or hide this section.">
+                        Firm Information
+                        <img src="/Images/collapse.png" class="collapsable">
+                    </legend>
+                    <div id="divName" class="row">
+                        <div class="col-xs-4">
+                            <label>Firm Name:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            Evan Rocks Transportation LLC
+                        </div>
+                    </div>
+                    <div id="divDba" class="row">
+                        <div class="col-xs-4">
+                            <label>DBA Name:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            Evan Rocks Transportation LLC
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-xs-4">
+                            <label>Firm Website:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            <div id="divNormalUrl">
+                                None
+                            </div>
+                            <div id="divSafeUrl" hidden="hidden" style="display: none;">
+                                <a onclick="DisplayGoToFirmWebsite();">None</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-xs-4">
+                            <label>Firm Address:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            4679 E Calle Glen  
+                        </div>
+                    </div>
+                    <div class="row keepWithPrev bump">
+                        <div class="col-xs-7 col-xs-offset-4">
+                            Kingman , Arizona 86409
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-xs-4">
+                            <label>Firm County Location:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            Mohave
+                        </div>
+                    </div>
+                    <div class="row keepWithPrev bump">
+                        <div class="col-xs-4">
+                            <label>Firm Work Territory:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            <a href="/Location/MapLocationById/19127" type="submit" id="runReport" target="_blank">
+                                View Map
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="row" myAttr="my name is rami theeb">
+                        <div class="col-xs-4">
+                            <label>Primary Contact:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            Rebecca Mayhood
+                        </div>
+                    </div>
+                    <div class="row keepWithPrev">
+                        <div class="col-xs-4">
+                            <label>Firm Phone:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            530-414-0369
+                        </div>
+                    </div>
+
+                    <div class="row keepWithPrev bump">
+                        <div class="col-xs-4">
+                            <label>Firm Email:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            evanrockstransllc@gmail.com
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-xs-4">
+                            <label>Secondary Contact:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            Elmo Norman
+                        </div>
+                    </div>
+                    <div class="row keepWithPrev">
+                        <div class="col-xs-4">
+                            <label>Secondary Phone:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            530-386-4744
+                        </div>
+                    </div>
+
+                    <div class="row keepWithPrev">
+                        <div class="col-xs-4">
+                            <label>Secondary Email:</label>
+                        </div>
+                        <div class="col-xs-7">
+                            elmo_0398@yahoo.com
+                        </div>
+                    </div>
+
+                </fieldset>
+            </div>
+    `;
+    const data = "my name is rmi theeb";
+    await page.setContent(domString);
+    const matches = await matchStringsWithDomContent(page, [data, "Firm Website"], await page.locator("#fsFirmInformation").elementHandle());
+    const dateMatches = matches[data];
+    (0, _extendedTest.expect)(dateMatches).toHaveLength(1);
+    (0, _extendedTest.expect)(dateMatches[0].matched_value).toBe("my name is rami theeb");
+    (0, _extendedTest.expect)(dateMatches[0].match_mode).toBe(_types.MatchMode.FUZZY);
+  });
+});