Merge pull request #219 from dancier/add-chat-tests

add some first tests to chat

cypress.config.ts

@@ -1,8 +1,9 @@
-import { defineConfig } from "cypress";
+import { defineConfig } from 'cypress';
 
 export default defineConfig({
   e2e: {
-    baseUrl: "http://localhost:4200",
+    baseUrl: 'https://localhost:4200',
+    testIsolation: true,
     // use 'macbook-13' viewport profile per default
     viewportWidth: 1280,
     viewportHeight: 800,
@@ -13,9 +14,9 @@ export default defineConfig({
 
   component: {
     devServer: {
-      framework: "angular",
-      bundler: "webpack",
+      framework: 'angular',
+      bundler: 'webpack',
     },
-    specPattern: "**/*.cy.ts",
+    specPattern: '**/*.cy.ts',
   },
 });

cypress/e2e/chat.cy.ts

@@ -0,0 +1,51 @@
+describe('Chat', () => {
+  beforeEach(() => {
+    cy.setupRequestMocking();
+    cy.login();
+  });
+
+  it('shows "no chats" hint when there are no chats', () => {
+    cy.intercept('GET', '/chats', { fixture: 'chat/get-chats/0-chats.json' });
+    cy.visit('/chat');
+    cy.findByText(/Du hast noch keine Chats/i).should('be.visible');
+  });
+
+  describe('when prompted to open a chat with a specific user', () => {
+    it('creates and opens a new chat when it doesnt exist', () => {
+      let chatCreated = false;
+      cy.intercept('GET', '/chats', (req) => {
+        if (!chatCreated) {
+          req.reply({ fixture: 'chat/get-chats/0-chats.json' });
+        } else {
+          req.reply({ fixture: 'chat/get-chats/1-chats.json' });
+        }
+      });
+      cy.intercept('POST', 'https://test-dancer.dancier.net/dancers', {
+        fixture: 'chat/post-dancers/all-details.json',
+      });
+      cy.intercept('POST', '/chats', (req) => {
+        chatCreated = true;
+        req.reply({ id: '1' });
+      });
+      cy.intercept('GET', '/chats/1/messages', []);
+
+      cy.visit('/chat?participantId=1');
+      cy.findByTestId('chat-list-selected-entry')
+        .should('be.visible')
+        .should('include.text', 'Username 1');
+    });
+
+    it('opens a previously created chat', () => {
+      cy.intercept('GET', '/chats', { fixture: 'chat/get-chats/1-chats.json' });
+      cy.intercept('GET', '/chats/1/messages', []);
+      cy.intercept('POST', 'https://test-dancer.dancier.net/dancers', {
+        fixture: 'chat/post-dancers/all-details.json',
+      });
+
+      cy.visit('/chat?participantId=1');
+      cy.findByTestId('chat-list-selected-entry')
+        .should('be.visible')
+        .should('include.text', 'Username 1');
+    });
+  });
+});

cypress/fixtures/chat/get-chats/0-chats.json

@@ -0,0 +1 @@
+[]

cypress/fixtures/chat/get-chats/1-chats.json

@@ -0,0 +1,12 @@
+[
+  {
+    "chatId": "1",
+    "participantIds": [
+      "0",
+      "1"
+    ],
+    "lastActivity": "2023-12-24T11:04:27.293757Z",
+    "lastMessage": null,
+    "createdAt": "2023-12-17T20:18:19.621132Z"
+  }
+]

cypress/fixtures/chat/get-profile/full-profile.json

@@ -0,0 +1,27 @@
+{
+  "id": "0",
+  "size": 110,
+  "gender": "MALE",
+  "dancerName": "1001-test",
+  "birthDate": "1981-02-01",
+  "ableTo": [
+    {
+      "dance": "Standard",
+      "level": "BASIC",
+      "leading": "LEAD"
+    }
+  ],
+  "wantsTo": [
+    {
+      "dance": "Standard",
+      "level": "NO_EXPERIENCE",
+      "leading": "FOLLOW"
+    }
+  ],
+  "email": "1001-test@dancier.net",
+  "zipCode": "89188",
+  "city": "Merklingen",
+  "country": "GER",
+  "profileImageHash": "9e82d8b082863e4707d17810c760175e9f93a9a254d2521d3b26d063fe0a7750",
+  "aboutMe": "Hallo, ich bin der Dominik. Ich spiele gerne Karten und mache auch sonst allerlei Sachen. Manchmal trinke ich Kaffee, aber nur am Wochenende, meistens trinke ich Tee, damit das klar ist. Jojo, das ist töfte, oder?\n\nBla blub, es ist cool ich zu sein. Nein wirklich, es ist super. Jemand anderes zu sen"
+}

cypress/fixtures/chat/post-dancers/all-details.json

@@ -0,0 +1,14 @@
+{
+  "0": {
+    "id": "0",
+    "dancerName": "Username 0",
+    "city": "Stadt 0",
+    "profileImageHash": null
+  },
+  "1": {
+    "id": "1",
+    "dancerName": "Username 1",
+    "city": "Stadt 1",
+    "profileImageHash": null
+  }
+}

cypress/support/commands.ts

@@ -35,3 +35,17 @@
 //     }
 //   }
 // }
+
+// declare global {
+//   namespace Cypress {
+//     interface Chainable {
+//       login(): Chainable<void>
+//     }
+//   }
+// }
+//
+// Cypress.Commands.add('loginLocalStorage', () => {
+//     window.localStorage.setItem('jwt', resp.body.user.token)
+// });
+
+import '@testing-library/cypress/add-commands';

cypress/support/e2e.ts

@@ -21,5 +21,33 @@ import './commands';
 
 setLightTheme();
 
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      login(): Chainable<void>;
+      setupRequestMocking(): Chainable<void>;
+    }
+  }
+}
+
+Cypress.Commands.add('login', () => {
+  window.localStorage.setItem(
+    'authData',
+    JSON.stringify({
+      jwt: '',
+      isLoggedIn: true,
+      isHuman: true,
+    })
+  );
+
+  cy.intercept('GET', '/profile', {
+    fixture: 'chat/get-profile/full-profile.json',
+  });
+});
+
+Cypress.Commands.add('setupRequestMocking', () => {
+  cy.intercept('POST', '/eventlog', {});
+});
+
 // Alternatively you can use CommonJS syntax:
 // require('./commands')

cypress/tsconfig.json

@@ -2,7 +2,8 @@
   "extends": "../tsconfig.json",
   "compilerOptions": {
     "noEmit": true,
-    "types": ["cypress"]
+    "types": ["cypress", "@testing-library/cypress"],
+    "sourceMap": false
   },
   "files": ["../cypress.config.ts"],
   "include": ["../node_modules/cypress", "./**/*.ts"],