added a test and fixed a broken test

Author: wxtim

src/components/cylc/Info.vue

@@ -72,7 +72,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             </dd>
             <v-divider />
             <dt>Description</dt>
-            <dd><Markdown :markdown="taskMetadata.description"/></dd>
+            <dd><Markdown :markdown="taskMetadata.description || ''"/></dd>
             <v-divider />
             <template v-for="(value, key) in customMetadata" :key="key">
               <dt><Markdown :markdown="'## ' + key"/></dt>

tests/component/specs/info.cy.js

@@ -21,6 +21,22 @@ import { Tokens } from '@/utils/uid'
 const DESCRIPTION = `Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.
+
+# New Section
+
+H{sub}\`2\`O, and 5{sup}\`th\` of November.
+
+\`\`\`{list-table} A Liszt Table
+:header-rows: 1
+
+* - Piece
+  - Year
+* - Hungarian Rhapsody No. 2
+  - 1847
+* - La Campanella
+  - 1851
+* - Liebestraum No. 3
+  - 1850
 `
 const TOKENS = new Tokens('~user/workflow//1234/foo')
 const TASK = {
@@ -155,6 +171,21 @@ describe('Info component', () => {
       .get('.metadata-panel a:first') // the URL should be an anchor
       .should('have.attr', 'href', 'https://cylc.org')
       .contains(/^https:\/\/cylc.org$/)
+      // Markdonw allows the adding of additional titles:
+      .get('h1').eq(1)
+      .contains('New Section')
+      // Markdown subscripts and superscripts should be rendered:
+      .get('sub')
+      .contains('2')
+      .get('sup')
+      .contains('th')
+      // Markdown tables should be rendered:
+      .get('table')
+      .should('be.visible')
+      .get('table tr')
+      .contains('Hungarian Rhapsody No. 2')
+      .get('table th')
+      .contains('Piece')
 
     // the prerequisites panel
     cy.get('.prerequisites-panel.v-expansion-panel--active').should('be.visible')