Merge pull request #90 from RedisInsight/fix/testcafe-workbench-plugins

Fix/ TestCafe WB plugins

Author: ArtyomPSofteq

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

@@ -47,24 +47,32 @@ const QueryCardCliPlugin = (props: Props) => {
 
   const dispatch = useDispatch()
 
+  const sendMessageToPlugin = (data = {}) => {
+    const event: any = document.createEvent('Event')
+    event.initEvent('message', false, false)
+    event.data = data
+    event.origin = '*'
+    pluginIframeRef?.current?.contentWindow?.dispatchEvent(event)
+  }
+
   const executeCommand = () => {
-    pluginIframeRef?.current?.contentWindow?.postMessage({
+    sendMessageToPlugin({
       event: 'executeCommand',
       method: currentView.activationMethod,
       data: { command: query, data: result, status }
-    }, '*')
+    })
   }
 
   const sendRedisCommand = (command: string, requestId: string) => {
     dispatch(
       sendPluginCommandAction({
         command,
         onSuccessAction: (response) => {
-          pluginIframeRef?.current?.contentWindow?.postMessage({
+          sendMessageToPlugin({
             event: 'executeRedisCommand',
             requestId,
             data: response
-          }, '*')
+          })
         }
       })
     )
@@ -108,7 +116,7 @@ const QueryCardCliPlugin = (props: Props) => {
       modules
     })
     // @ts-ignore
-    pluginIframeRef.current.src = `data:text/html;charset=utf-8,${encodeURI(html)}`
+    pluginIframeRef.current.srcdoc = html
   }
 
   const getGlobalStylesSrc = (): string =>

redisinsight/ui/src/packages/redis-app-plugin-api/helpers.js

@@ -4,5 +4,13 @@
  * @param data
  */
 export const sendMessageToMain = (data = {}) => {
-  window.top.postMessage(data, '*')
+  const event = document.createEvent('Event')
+  event.initEvent('message', true, true)
+  event.data = data
+  event.origin = '*'
+  // eslint-disable-next-line no-restricted-globals
+  parent.dispatchEvent(event)
 }
+// export const sendMessageToMain = (data = {}) => {
+//   window.top.postMessage(data, '*')
+// }

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,