added e2e tests (#298)

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

cypress/support/checkLinks.ts

@@ -0,0 +1,15 @@
+// eslint-disable-next-line @typescript-eslint/no-namespace
+declare namespace Cypress {
+  interface Chainable {
+    /**
+     * Custom command to check an external Link.
+     * @example cy.get(a#extern).checkExternalLink('http://example.com')
+     */
+    checkExternalLink (url: string): Chainable<Element>
+  }
+}
+
+Cypress.Commands.add('checkExternalLink', { prevSubject: 'element' }, ($element: JQuery, url: string) => {
+  cy.wrap($element).should('have.attr', 'href', url)
+    .should('have.attr', 'target', '_blank')
+})

cypress/support/config.ts

@@ -0,0 +1,47 @@
+export const banner = {
+  text: 'This is the mock banner call',
+  timestamp: '2020-05-22T20:46:08.962Z'
+}
+
+beforeEach(() => {
+  cy.server()
+  cy.route({
+    url: '/api/v2/config',
+    response: {
+      allowAnonymous: true,
+      authProviders: {
+        facebook: true,
+        github: true,
+        twitter: true,
+        gitlab: true,
+        dropbox: true,
+        ldap: true,
+        google: true,
+        saml: true,
+        oauth2: true,
+        email: true,
+        openid: true
+      },
+      branding: {
+        name: 'ACME Corp',
+        logo: 'http://localhost:3000/acme.png'
+      },
+      banner: banner,
+      customAuthNames: {
+        ldap: 'FooBar',
+        oauth2: 'Olaf2',
+        saml: 'aufSAMLn.de'
+      },
+      specialLinks: {
+        privacy: 'https://example.com/privacy',
+        termsOfUse: 'https://example.com/termsOfUse',
+        imprint: 'https://example.com/imprint'
+      },
+      version: {
+        version: 'mock',
+        sourceCodeUrl: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
+        issueTrackerUrl: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'
+      }
+    }
+  })
+})

cypress/support/index.ts

@@ -0,0 +1,18 @@
+// ***********************************************************
+// This example support/index.ts is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+import './checkLinks'
+import './config'
+import './login'

cypress/support/login.ts

@@ -0,0 +1,15 @@
+// eslint-disable-next-line @typescript-eslint/no-namespace
+declare namespace Cypress {
+  interface Chainable {
+    /**
+     * Custom command to log the user out.
+     * @example cy.logout()
+     */
+    logout (): Chainable<Window>
+  }
+}
+
+Cypress.Commands.add('logout', () => {
+  cy.get('#dropdown-user').click()
+  cy.get('.fa-sign-out').click()
+})