chore: add e2e-tests package

packages/e2e-tests/cypress/support/commands.js

@@ -0,0 +1,45 @@
+Cypress.Commands.add('og', { prevSubject: 'optional' }, (subject, selector, suffix = '') => {
+  if (subject) {
+    return cy.wrap(subject).get(`[data-test="${selector}"]${suffix}`);
+  }
+
+  return cy.get(`[data-test="${selector}"]${suffix}`);
+});
+
+Cypress.Commands.add('login', () => {
+  cy.visit('/login');
+
+  cy.og('email-text-field').type(Cypress.env('login_email'));
+  cy.og('password-text-field').type(Cypress.env('login_password'));
+
+  cy
+    .intercept('/graphql')
+    .as('graphqlCalls');
+  cy
+    .intercept('https://notifications.automatisch.io/notifications.json')
+    .as('notificationsCall');
+  cy.og('login-button').click();
+
+  cy.wait(['@graphqlCalls', '@notificationsCall']);
+});
+
+Cypress.Commands.add('logout', () => {
+  cy.og('profile-menu-button').click();
+
+  cy.og('logout-item').click();
+});
+
+Cypress.Commands.add('ss', (name, opts = {}) => {
+  return cy.screenshot(
+    name,
+    {
+      overwrite: true,
+      capture: 'viewport',
+      ...opts,
+    }
+  );
+});
+
+Cypress.Commands.add('clickOutside', () => {
+  return cy.get('body').click(0, 0);
+});

packages/e2e-tests/cypress/support/e2e.js

@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/e2e.js 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 commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')