test: create slack connection

packages/e2e-tests/cypress/e2e/connections/create-connection.js

@@ -0,0 +1,52 @@
+/// <reference types="cypress" />
+
+describe('Connections page', () => {
+  before(() => {
+    cy.login();
+
+    cy.og('apps-page-drawer-link').click();
+  });
+
+  after(() => {
+    cy.logout();
+  });
+
+  it('opens via applications page', () => {
+    cy.og('apps-loader').should('not.exist');
+
+    cy.og('app-row').contains('Slack').click();
+
+    cy.og('app-connection-row').should('be.visible');
+
+    cy.ss('Slack connections before creating a connection');
+  });
+
+  context('can add connection', () => {
+    it('has a button to open add connection dialog', () => {
+      cy
+        .og('add-connection-button')
+        .scrollIntoView()
+        .should('be.visible');
+    });
+
+    it('add connection button takes user to add connection page', () => {
+      cy
+        .og('add-connection-button')
+        .click({ force: true });
+
+      cy.location('pathname').should('equal', '/app/slack/connections/add');
+    });
+
+    it('shows add connection dialog to create a new connection', () => {
+      cy
+        .get('input[name="accessToken"]')
+        .type(Cypress.env('slack_user_token'));
+
+      cy.og('create-connection-button').click();
+
+      cy.og('create-connection-button').should('not.exist');
+
+      cy.ss('Slack connections after creating a connection');
+    });
+  });
+});