QUIC-1590-widget-markdown-card

__mocks__/react-markdown.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+// eslint-disable
+// @ts-ignore
+function ReactMarkdown({ children }) {
+  return <>{children}</>;
+}
+
+export default ReactMarkdown;
+// eslint-enable

__mocks__/remark-gfm.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+// eslint-disable
+// @ts-ignore
+function remarkGfm({ children }) {
+  return <>{children}</>;
+}
+
+export default remarkGfm;
+// eslint-enable

cypress/e2e/content-cards.spec.ts

@@ -4,6 +4,7 @@ describe('content cards', () => {
     imageCard: '46',
     externalLink: '48',
     internalLink: '48c',
+    markdownCard: '49',
   };
 
   before(() => {
@@ -38,4 +39,11 @@ describe('content cards', () => {
     cy.get('button').contains('svg', 'Hide card').click();
     cy.get('[data-sm-content=internalLink]').should('not.exist');
   });
+
+  it('renders a Markdown Card and hides the card once the close button is clicked', () => {
+    cy.sendTextMessage(corpusCommands.markdownCard);
+    cy.get('[data-sm-content=markdown]', { timeout: 6000 }).should('exist');
+    cy.get('button').contains('svg', 'Hide card').click();
+    cy.get('[data-sm-content=markdown]').should('not.exist');
+  });
 });

jest.config.js

@@ -26,6 +26,8 @@ module.exports = {
     '^react-dom/test-utils$': 'preact/test-utils',
     '^react-dom$': 'preact/compat',
     '^react/jsx-runtime$': 'preact/jsx-runtime',
+    'react-markdown': '<rootDir>/__mocks__/react-markdown.tsx',
+    'remark-gfm': '<rootDir>/__mocks__/remark-gfm.tsx',
   },
 
   globals: {