diff --git a/cypress/e2e/4.image-rendering/image-rendering.cy.js b/cypress/e2e/4.image-rendering/image-rendering.cy.js new file mode 100644 index 0000000..e25e6b5 --- /dev/null +++ b/cypress/e2e/4.image-rendering/image-rendering.cy.js @@ -0,0 +1,43 @@ +/// + +describe('Image rendering', () => { + + const imageUrl = 'https://picsum.photos/id/237/150'; + + beforeEach(() => { + cy.visit(__dirname + '/index.html'); + cy.intercept('GET', imageUrl).as('image'); + }); + + it('must render an image inside the editor', () => { + cy.get('.EasyMDEContainer').should('be.visible'); + cy.get('#textarea').should('not.be.visible'); + + cy.get('.EasyMDEContainer .CodeMirror').type(imageUrl); + cy.get('.EasyMDEContainer .CodeMirror').type('{home}![Dog!]({end})'); + + cy.wait('@image'); + + cy.get(`.EasyMDEContainer [data-img-src="${imageUrl}"]`).should('be.visible'); + + cy.previewOn(); + + cy.get('.EasyMDEContainer .editor-preview').should('contain.html', `

Dog!

`); + }); + + it('must be able to handle parentheses inside image alt text', () => { + cy.get('.EasyMDEContainer').should('be.visible'); + cy.get('#textarea').should('not.be.visible'); + + cy.get('.EasyMDEContainer .CodeMirror').type(imageUrl); + cy.get('.EasyMDEContainer .CodeMirror').type('{home}![Dog! (He\'s a good boy!)]({end})'); + + cy.wait('@image'); + + cy.get(`.EasyMDEContainer [data-img-src="${imageUrl}"]`).should('be.visible'); + + cy.previewOn(); + + cy.get('.EasyMDEContainer .editor-preview').should('contain.html', `

Dog! (He's a good boy!)

`); + }); +}); diff --git a/cypress/e2e/4.image-rendering/index.html b/cypress/e2e/4.image-rendering/index.html new file mode 100644 index 0000000..045bc33 --- /dev/null +++ b/cypress/e2e/4.image-rendering/index.html @@ -0,0 +1,20 @@ + + + + + + Default + + + + + + + + + +