diff --git a/client/cypress/components/ContentBlock.cy.ts b/client/cypress/components/ContentBlock.cy.ts new file mode 100644 index 00000000..5b791265 --- /dev/null +++ b/client/cypress/components/ContentBlock.cy.ts @@ -0,0 +1,14 @@ +import ContentBlock from '@/components/ContentBlock.vue'; + +describe('', () => { + it('renders', () => { + // see: https://on.cypress.io/mounting-vue + cy.mount(ContentBlock, { + props: { + contentBlock: {}, + parent: null, + editMode: false, + }, + }); + }); +}); diff --git a/client/cypress/e2e/frontend/instruments/instruments-page.spec.js b/client/cypress/e2e/frontend/instruments/instruments-page.spec.js index d49fd6e1..4b35f5ff 100644 --- a/client/cypress/e2e/frontend/instruments/instruments-page.spec.js +++ b/client/cypress/e2e/frontend/instruments/instruments-page.spec.js @@ -135,7 +135,7 @@ describe('Instruments Page', () => { cy.getByDataCy('instrument') .first() .within(() => { - cy.getByDataCy('instrument-subheader').should('contain', 'Instrumente — Sprache & Kommunikation'); + cy.getByDataCy('instrument-subheader').should('contain', 'Instrumente – Sprache & Kommunikation'); }); }); }); diff --git a/client/cypress/e2e/frontend/instruments/module-page.spec.js b/client/cypress/e2e/frontend/instruments/module-page.spec.js index a1186ea9..e45d96f2 100644 --- a/client/cypress/e2e/frontend/instruments/module-page.spec.js +++ b/client/cypress/e2e/frontend/instruments/module-page.spec.js @@ -68,7 +68,7 @@ describe('Instruments on Module page', () => { cy.getByDataCy('content-block') .first() .within(() => { - cy.getByDataCy('instrument-label').should('contain', 'Instrumente — Sprache & Kommunikation'); + cy.getByDataCy('instrument-label').should('contain', 'Instrumente – Sprache & Kommunikation'); }); cy.getByDataCy('content-block') .eq(1) diff --git a/client/src/components/ContentBlock.vue b/client/src/components/ContentBlock.vue index a70ec0da..587f4ae3 100644 --- a/client/src/components/ContentBlock.vue +++ b/client/src/components/ContentBlock.vue @@ -59,14 +59,14 @@ /> +

- {{ instrumentLabel }} -

+ v-html="instrumentLabel" + />

+

- {{ categoryName }} -

+ v-html="categoryName" + />

{{ instrument.title }}

diff --git a/client/src/helpers/instrumentType.js b/client/src/helpers/instrumentType.js index 8a875576..47f52995 100644 --- a/client/src/helpers/instrumentType.js +++ b/client/src/helpers/instrumentType.js @@ -12,7 +12,7 @@ const instrumentType = (instrument) => { }; const instrumentCategory = (instrument) => { - return `${flavor.textInstruments} — ${instrumentType(instrument)}`; + return `${flavor.textInstruments} – ${instrumentType(instrument)}`; }; export default instrumentType;