add regexp to extraMatch parsing with a testcase

src/scriptlets/trusted-click-element.js

@@ -71,8 +71,9 @@ export function trustedClickElement(source, selectors, extraMatch = '', delay =
     const THROTTLE_DELAY_MS = 20;
     const COOKIE_MATCH_MARKER = 'cookie:';
     const LOCAL_STORAGE_MATCH_MARKER = 'localStorage:';
-    const COMMON_DELIMITER = ',';
+    const SELECTORS_DELIMITER = ',';
     const COOKIE_STRING_DELIMITER = ';';
+    const EXTRA_MATCH_DELIMITER = /(,\s*){1}(?=cookie:|localStorage:)/;
 
     let parsedDelay;
     if (delay) {
@@ -92,7 +93,7 @@ export function trustedClickElement(source, selectors, extraMatch = '', delay =
     if (extraMatch) {
         // Get all match marker:value pairs from argument
         const parsedExtraMatch = extraMatch
-            .split(COMMON_DELIMITER)
+            .split(EXTRA_MATCH_DELIMITER)
             .map((matchStr) => matchStr.trim());
 
         // Filter match pairs by marker
@@ -163,7 +164,7 @@ export function trustedClickElement(source, selectors, extraMatch = '', delay =
      * - prevent selectors from being queried multiple times
      */
     let selectorsSequence = selectors
-        .split(COMMON_DELIMITER)
+        .split(SELECTORS_DELIMITER)
         .map((selector) => selector.trim());
 
     const createElementObj = (element) => {

tests/scriptlets/trusted-click-element.test.js

@@ -295,3 +295,41 @@ test('extraMatch - single localStorage match, not matched', (assert) => {
     }, 150);
     window.localStorage.clear();
 });
+
+test('extraMatch - complex string+regex cookie input & whitespaces & comma in regex, matched', (assert) => {
+    const cookieKey1 = 'first';
+    const cookieVal1 = 'true';
+    const cookieData1 = prepareCookie(cookieKey1, cookieVal1);
+    const cookieKey2 = 'sec';
+    const cookieVal2 = '1-1';
+    const cookieData2 = prepareCookie(cookieKey2, cookieVal2);
+    const cookieKey3 = 'third';
+    const cookieVal3 = 'true';
+    const cookieData3 = prepareCookie(cookieKey3, cookieVal3);
+
+    document.cookie = cookieData1;
+    document.cookie = cookieData2;
+    document.cookie = cookieData3;
+
+    const EXTRA_MATCH_STR = 'cookie:/firs/=true,cookie:sec=/(1-1){1,2}/,  cookie:third=true';
+
+    const ELEM_COUNT = 1;
+    // Check elements for being clicked and hit func execution
+    const ASSERTIONS = ELEM_COUNT + 1;
+    assert.expect(ASSERTIONS);
+    const done = assert.async();
+
+    const selectorsString = `#${PANEL_ID} > #${CLICKABLE_NAME}${ELEM_COUNT}`;
+
+    runScriptlet(name, [selectorsString, EXTRA_MATCH_STR]);
+    const panel = createPanel();
+    const clickable = createClickable(1);
+    panel.appendChild(clickable);
+
+    setTimeout(() => {
+        assert.ok(clickable.getAttribute('clicked'), 'Element should be clicked');
+        assert.strictEqual(window.hit, 'FIRED', 'hit func executed');
+        done();
+    }, 150);
+    clearCookie(cookieKey1);
+});