@mmisty/cypress-grep/setup/select-element/select-element-html.js

Filters tests by tags/title using substring or regular expressions (can find dynamic tags)

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.html = void 0;
// todo add link to readme
const helpText = `
  <p>Enter search term to find tests. Does accept tags, substring of test title / suite title. You can use:
  <ul>
    <li> - pseudo regexp (& | !)
    <pre>@tag1&@tag2</pre>
    </li>
    <li> - regexp <pre>=/my regexp/i</pre></li>
  </ul>
  
  </p>
  
  <p><a target="_blank" href="https://github.com/mmisty/cypress-grep/blob/main/README.md">more info</a></p>
`;
const html = (testsCountSelector, grepSelector, iconContainerSearch, showTags, showPending) => {
    var _a;
    return `
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-X7L1bhgb36bF1iFvaqvhgpaGpayKM+vXNNYRlF89BFA5s3vi1qZ8EX9086RlZjy1" crossorigin="anonymous">
<div class="input-container controls">
  <div class="input-wrapper">
    <div class="btn-wrapper-icon">
      <div class="${iconContainerSearch.slice(1)} flex-center" >
        <i class="fas fa-search"></i>
        
      </div><div class="tooltip" >
              ${helpText}
          </div>
    </div>
    
    
    <input type="text" class="${grepSelector.slice(1)}" placeholder="Search tests..."  onblur="this.placeholder = 'Search tests...'" onfocus="this.placeholder = ''" value="${(_a = Cypress.env('GREP')) !== null && _a !== void 0 ? _a : ''}"/>
     <div class="btn-wrapper" data-tooltip="clear search (Rerun)">
      <div class="btn clear-input flex-center">
        <i class="fas fa-times"></i>
      </div>
    </div>
    
    <div class="btn-wrapper" data-tooltip="number of found tests">
      <div class="${testsCountSelector.slice(1)} flex-center">0</div>
    </div>
    
    <div class="btn-wrapper" data-tooltip="show tags in test title (Rerun)">
      <div class="btn show-tags flex-center" data-show-tags="${showTags}" >
        <i class="fas fa-tag"></i>
      </div>
    </div>
   
    <div class="btn-wrapper" data-tooltip="show excluded tests (Rerun)">
      <div class="btn show-pending flex-center" data-show-pending="${showPending}" >
       <i class="fa fa-circle-o-notch" aria-hidden="true"></i>
      </div>
    </div>
    
    <div class="end"></div>
  </div>
</div>`;
};
exports.html = html;