fix import elastic icons inside redisearch plugin for E2E testcafe

Author: egor-zalenski

redisinsight/ui/src/components/query-card/QueryCardCliPlugin/QueryCardCliPlugin.tsx

@@ -115,7 +115,7 @@ const QueryCardCliPlugin = (props: Props) => {
       bodyClass: theme === Theme.Dark ? 'theme_DARK' : 'theme_LIGHT',
       modules
     })
-    //pluginIframeRef.current.src = `data:text/html;charset=utf-8,${encodeURI(html)}`
+    // pluginIframeRef.current.src = `data:text/html;charset=utf-8,${encodeURI(html)}`
     // @ts-ignore
     pluginIframeRef.current.srcdoc = html
   }
@@ -164,7 +164,7 @@ const QueryCardCliPlugin = (props: Props) => {
           title={id}
           ref={pluginIframeRef}
           referrerPolicy="no-referrer"
-          sandbox="allow-same-origin allow-scripts allow-modals"
+          sandbox="allow-same-origin allow-scripts"
         />
         {!!error && (
           <div className={styles.container}>

redisinsight/ui/src/packages/redisearch/src/components/TableInfoResult/TableInfoResult.tsx

@@ -112,7 +112,6 @@ const TableInfoResult = React.memo((props: Props) => {
         <div className="content">
           {Header()}
           <EuiInMemoryTable
-            pagination
             items={items ?? []}
             loading={!result}
             message={loadingMessage}

redisinsight/ui/src/packages/redisearch/src/icons/arrow_down.js

@@ -11,6 +11,10 @@ var EuiIconArrowDown = function EuiIconArrowDown(_ref) {
       titleId = _ref.titleId,
       props = _objectWithoutProperties(_ref, ["title", "titleId"]);
 
+  // For e2e tests. TestCafe is failing for default icons
+  if(process.env.E2E) {
+    return <span>&#8595;</span>
+  }
   return /*#__PURE__*/React.createElement("svg", _extends({
     width: 16,
     height: 16,

redisinsight/ui/src/packages/redisearch/src/icons/arrow_left.js

@@ -11,6 +11,10 @@ var EuiIconArrowLeft = function EuiIconArrowLeft(_ref) {
       titleId = _ref.titleId,
       props = _objectWithoutProperties(_ref, ["title", "titleId"]);
 
+  // For e2e tests. TestCafe is failing for default icons
+  if(process.env.E2E) {
+    return <span>&#8592;</span>
+  }
   return /*#__PURE__*/React.createElement("svg", _extends({
     width: 16,
     height: 16,

redisinsight/ui/src/packages/redisearch/src/icons/arrow_right.js

@@ -17,6 +17,10 @@ const EuiIconArrowRight = function EuiIconArrowRight(_ref) {
   const { titleId } = _ref
   const props = _objectWithoutProperties(_ref, ['title', 'titleId'])
 
+  // For e2e tests. TestCafe is failing for default icons
+  if(process.env.E2E) {
+    return <span>&#8594;</span>
+  }
   return /* #__PURE__ */React.createElement('svg', { width: 16,
     height: 16,
     viewBox: '0 0 16 16',

redisinsight/ui/src/packages/redisearch/src/icons/check.js

@@ -11,6 +11,10 @@ var EuiIconCheck = function EuiIconCheck(_ref) {
       titleId = _ref.titleId,
       props = _objectWithoutProperties(_ref, ["title", "titleId"]);
 
+  // For e2e tests. TestCafe is failing for default icons
+  if(process.env.E2E) {
+    return <span>&#10004;</span>
+  }
   return /*#__PURE__*/React.createElement("svg", _extends({
     width: 16,
     height: 16,

redisinsight/ui/src/packages/redisearch/src/icons/copy.js

@@ -11,6 +11,10 @@ var EuiIconCopy = function EuiIconCopy(_ref) {
       titleId = _ref.titleId,
       props = _objectWithoutProperties(_ref, ["title", "titleId"]);
 
+  // For e2e tests. TestCafe is failing for default icons
+  if(process.env.E2E) {
+    return <span>&#9751;</span>
+  }
   return /*#__PURE__*/React.createElement("svg", _extends({
     width: 16,
     height: 16,

redisinsight/ui/src/packages/redisearch/src/icons/cross.js

@@ -11,6 +11,10 @@ var EuiIconCross = function EuiIconCross(_ref) {
       titleId = _ref.titleId,
       props = _objectWithoutProperties(_ref, ["title", "titleId"]);
 
+  // For e2e tests. TestCafe is failing for default icons
+  if(process.env.E2E) {
+    return <span>&#10539;</span>
+  }
   return /*#__PURE__*/React.createElement("svg", _extends({
     width: 16,
     height: 16,

redisinsight/ui/src/packages/redisearch/src/icons/empty.js

@@ -11,6 +11,10 @@ var EuiIconEmpty = function EuiIconEmpty(_ref) {
       titleId = _ref.titleId,
       props = _objectWithoutProperties(_ref, ["title", "titleId"]);
 
+  // For e2e tests. TestCafe is failing for default icons
+  if(process.env.E2E) {
+    return <span>''</span>
+  }
   return /*#__PURE__*/React.createElement("svg", _extends({
     width: 16,
     height: 16,

redisinsight/ui/src/packages/redisearch/src/main.tsx

@@ -14,7 +14,6 @@ interface Props {
 
 const renderRediSearch = (props:Props) => {
   const { command = '', status = '', data: response = {} } = props
-  alert('renderRediSearch')
   render(<App command={command} response={response} status={status} />,
     document.getElementById('app'))
 }