test: list apps

packages/e2e-tests/cypress/e2e/apps/list-apps.js

@@ -0,0 +1,50 @@
+/// <reference types="cypress" />
+
+describe('Apps page', () => {
+  before(() => {
+    cy.login();
+
+    cy.og('apps-page-drawer-link').click();
+  });
+
+  after(() => {
+    cy.logout();
+  });
+
+  it('displays applications', () => {
+    cy.og('apps-loader').should('not.exist');
+    cy.og('app-row').should('have.length', 3);
+
+    cy.ss('Applications');
+  });
+
+  context('can add connection', () => {
+    before(() => {
+      cy.og('add-connection-button').click();
+    });
+
+    it('lists applications', () => {
+      cy.og('app-list-item').should('have.length', 3);
+    });
+
+    it('searches an application', () => {
+      cy.og('search-for-app-text-field').type('Slack');
+      cy.og('app-list-item').should('have.length', 1);
+    });
+
+    it('goes to app page to create a connection', () => {
+      cy.og('app-list-item').first().click();
+
+      cy.location('pathname').should('equal', '/app/slack/connections/add');
+
+      cy.og('add-app-connection-dialog').should('be.visible');
+    });
+
+    it('closes the dialog on backdrop click', () => {
+      cy.clickOutside();
+
+      cy.location('pathname').should('equal', '/app/slack/connections');
+      cy.og('add-app-connection-dialog').should('not.exist');
+    });
+  });
+});