added e2e tests (#298)

- added e2e tests for
  - banner
  - history
  - intro
  - language
  - link
- added e2e workflow
- added cypress badge to README

cypress/integration/banner.spec.ts

@@ -0,0 +1,26 @@
+import { banner } from '../support/config'
+
+describe('Banner', () => {
+  beforeEach(() => {
+    cy.visit('/')
+    expect(localStorage.getItem('bannerTimeStamp')).to.be.null
+  })
+
+  it('shows the correct alert banner text', () => {
+    cy.get('.alert-primary.show')
+      .contains(banner.text)
+  })
+
+  it('can be dismissed', () => {
+    cy.get('.alert-primary.show')
+      .contains(banner.text)
+    cy.get('.alert-primary.show')
+      .find('.fa-times')
+      .click()
+      .then(() => {
+        expect(localStorage.getItem('bannerTimeStamp')).to.equal(banner.timestamp)
+      })
+    cy.get('.alert-primary.show')
+      .should('not.exist')
+  })
+})

cypress/integration/history.spec.ts

@@ -0,0 +1,35 @@
+describe('History', () => {
+  beforeEach(() => {
+    cy.visit('/history')
+  })
+
+  describe('History Mode', () => {
+    it('Cards', () => {
+      cy.get('div.card')
+    })
+
+    it('Table', () => {
+      cy.get('i.fa-table')
+        .click()
+      cy.get('table.history-table')
+    })
+  })
+
+  describe('Pinning', () => {
+    it('Cards', () => {
+      cy.get('.fa-thumb-tack')
+        .first()
+        .click()
+      cy.get('.modal-dialog')
+        .should('be.visible')
+    })
+
+    it('Table', () => {
+      cy.get('.fa-thumb-tack')
+        .first()
+        .click()
+      cy.get('.modal-dialog')
+        .should('be.visible')
+    })
+  })
+})

cypress/integration/intro.spec.ts

@@ -0,0 +1,58 @@
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+describe('Intro', () => {
+  beforeEach(() => {
+    cy.visit('/')
+  })
+
+  describe('Cover Button are hidden when logged in', () => {
+    it('Sign in Cover Button', () => {
+      cy.get('.cover-button.btn-success')
+        .should('not.exist')
+    })
+
+    it('Features Cover Button', () => {
+      cy.get('.cover-button.btn-primary')
+        .should('not.exist')
+    })
+  })
+
+  describe('Cover Button are shown when logged out', () => {
+    beforeEach(() => {
+      cy.logout()
+    })
+
+    it('Sign in Cover Button', () => {
+      cy.get('.cover-button.btn-success')
+        .should('exist')
+    })
+
+    it('Features Cover Button', () => {
+      cy.get('.cover-button.btn-primary')
+        .should('exist')
+    })
+  })
+
+  describe('Version', () => {
+    it('can be opened', () => {
+      cy.get('#versionModal')
+        .should('not.be.visible')
+      cy.get('#version')
+        .click()
+      cy.get('#versionModal')
+        .should('be.visible')
+    })
+
+    it('can be closed', () => {
+      cy.get('#versionModal')
+        .should('not.be.visible')
+      cy.get('#version')
+        .click()
+      cy.get('#versionModal')
+        .should('be.visible')
+      cy.get('body')
+        .click()
+      cy.get('#versionModal')
+        .should('not.be.visible')
+    })
+  })
+})

cypress/integration/language.spec.ts

@@ -0,0 +1,30 @@
+import { languages } from '../fixtures/languages'
+
+describe('Languages', () => {
+  beforeEach(() => {
+    cy.visit('/')
+  })
+
+  it('all languages are available', () => {
+    cy.get('option')
+      .as('languages')
+    cy.get('@languages')
+      .should('have.length', 28)
+    languages.forEach(language => {
+      cy.get('@languages').contains(language)
+    })
+  })
+
+  it('language changes affect the UI', () => {
+    cy.get('select')
+      .select('English')
+    cy.get('.d-inline-flex.btn-primary')
+      .find('span')
+      .contains('New note')
+    cy.get('select')
+      .select('Deutsch')
+    cy.get('.d-inline-flex.btn-primary')
+      .find('span')
+      .contains('Neue Notiz')
+  })
+})

cypress/integration/link.spec.ts

@@ -0,0 +1,165 @@
+import '../support/index'
+
+describe('Links Intro', () => {
+  beforeEach(() => {
+    cy.visit('/')
+  })
+
+  describe('Cover Buttons', () => {
+    beforeEach(() => {
+      cy.logout()
+    })
+
+    it('Sign in Cover Button', () => {
+      cy.get('.cover-button.btn-success')
+        .click()
+      cy.url()
+        .should('include', '/login')
+    })
+
+    it('Features Cover Button', () => {
+      cy.get('.cover-button.btn-primary')
+        .click()
+      cy.url()
+        .should('include', '/features')
+    })
+  })
+
+  it('History', () => {
+    cy.get('#navLinkHistory')
+      .click()
+    cy.url()
+      .should('include', '/history')
+    cy.get('#navLinkIntro')
+      .click()
+    cy.url()
+      .should('include', '/intro')
+  })
+
+  describe('Menu Buttons logged out', () => {
+    beforeEach(() => {
+      cy.logout()
+    })
+
+    it('New guest note', () => {
+      cy.get('.d-inline-flex.btn-primary')
+        .click()
+      cy.url()
+        .should('include', '/new')
+    })
+
+    it('Sign In', () => {
+      cy.get('.btn-success.btn-sm')
+        .click()
+      cy.url()
+        .should('include', '/login')
+    })
+  })
+
+  describe('Menu Buttons logged in', () => {
+    it('New note', () => {
+      cy.get('.d-inline-flex.btn-primary').click()
+      cy.url()
+        .should('include', '/new')
+    })
+
+    describe('User Menu', () => {
+      beforeEach(() => {
+        cy.get('#dropdown-user').click()
+      })
+
+      it('Features', () => {
+        cy.get('a.dropdown-item > i.fa-bolt')
+          .click()
+        cy.url()
+          .should('include', '/features')
+      })
+
+      it('Features', () => {
+        cy.get('a.dropdown-item > i.fa-user')
+          .click()
+        cy.url()
+          .should('include', '/profile')
+      })
+    })
+  })
+
+  describe('Feature Links', () => {
+    it('Share-Notes', () => {
+      cy.get('i.fa-bolt.fa-3x')
+        .click()
+      cy.url()
+        .should('include', '/features#Share-Notes')
+    })
+
+    it('MathJax', () => {
+      cy.get('i.fa-bar-chart.fa-3x')
+        .click()
+      cy.url()
+        .should('include', '/features#MathJax')
+    })
+
+    it('Slide-Mode', () => {
+      cy.get('i.fa-television.fa-3x')
+        .click()
+      cy.url()
+        .should('include', '/features#Slide-Mode')
+    })
+  })
+
+  describe('Powered By Links', () => {
+    it('CodiMD', () => {
+      cy.get('a[href="https://codimd.org"]')
+        .checkExternalLink('https://codimd.org')
+    })
+
+    it('Releases', () => {
+      cy.get('a[href*="/n/release-notes"]')
+        .click()
+      cy.url()
+        .should('include', '/n/release-notes')
+    })
+
+    it('Privacy', () => {
+      cy.get('a[href="https://example.com/privacy"]')
+        .checkExternalLink('https://example.com/privacy')
+    })
+
+    it('TermsOfUse', () => {
+      cy.get('a[href="https://example.com/termsOfUse"]')
+        .checkExternalLink('https://example.com/termsOfUse')
+    })
+
+    it('Imprint', () => {
+      cy.get('a[href="https://example.com/imprint"]')
+        .checkExternalLink('https://example.com/imprint')
+    })
+  })
+
+  describe('Follow us Links', () => {
+    it('Github', () => {
+      cy.get('a[href="https://github.com/codimd/server"]')
+        .checkExternalLink('https://github.com/codimd/server')
+    })
+
+    it('Discourse', () => {
+      cy.get('a[href="https://community.codimd.org"]')
+        .checkExternalLink('https://community.codimd.org')
+    })
+
+    it('Matrix', () => {
+      cy.get('a[href="https://riot.im/app/#/room/#codimd:matrix.org"]')
+        .checkExternalLink('https://riot.im/app/#/room/#codimd:matrix.org')
+    })
+
+    it('Mastodon', () => {
+      cy.get('a[href="https://social.codimd.org/mastodon"]')
+        .checkExternalLink('https://social.codimd.org/mastodon')
+    })
+
+    it('POEditor', () => {
+      cy.get('a[href="https://translate.codimd.org"]')
+        .checkExternalLink('https://translate.codimd.org')
+    })
+  })
+})