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);
+});