graphdb-workbench-tests 3.2.0-TR2 → 3.2.0-TR3

package/e2e-legacy/ttyg/chat-panel.spec.js

@@ -190,6 +190,36 @@ describe('Ttyg ChatPanel', () => {
             .and('contain', 'completion tokens');
     });
 
+    it('Should abort question', () => {
+        // When I type a question
+        ChatPanelSteps.getQuestionInputElement()
+            .should('be.visible')
+            .and('not.have.attr', 'disabled');
+        ChatPanelSteps.getQuestionInputElement()
+            .type('Who is Han Solo?');
+
+        // Then I expect the "Ask" button be active
+        ChatPanelSteps.getAskButtonElement().should('be.enabled');
+
+        // When I click on "Ask" button
+        TTYGStubs.stubAnswerQuestionWithDelay();
+        TTYGStubs.stubCancelQuestion();
+        ChatPanelSteps.askQuestion();
+        // Then the Cancel button should become visible and the Ask button should be hidden
+        ChatPanelSteps.getAskButtonElement().should('not.exist');
+        ChatPanelSteps.getCancelButton().should('be.visible');
+        // When I cancel the question
+        ChatPanelSteps.cancelQuestion();
+        // Then the Cancel button should be replaced with the Ask button
+        ChatPanelSteps.getCancelButton().should('not.exist');
+        ChatPanelSteps.getAskButtonElement().should('be.visible');
+        // Then the default Agent response should be visible
+        ChatPanelSteps.getAssistantAnswer(2).invoke('text').then((text) => {
+            expect(text.trim()).to.equal('Request cancelled by the user.');
+        });
+        ChatPanelSteps.getAssistantIcon(2).should('not.exist');
+    });
+
     // Can't test this on CI
     it.skip('Should copy an answer when click on copy button', () => {
         // When I click on copy button

package/e2e-legacy/ttyg/create-chat.spec.js

@@ -47,9 +47,10 @@ describe('TTYG create chat', () => {
         ChatPanelSteps.getAskButtonElement().should('be.enabled');
 
         // When I click on "Ask" button.
-        TTYGStubs.stubCrateNewChat();
+        TTYGStubs.stubCreateNewChat();
         ChatPanelSteps.getAskButtonElement().scrollIntoView().click();
         cy.wait('@create-chat');
+        cy.wait('@ask-first-chat-question');
 
         // Then I expect new chat to be created in a new group "Today" and be selected
         TTYGViewSteps.getChatGroup(0).should('contain', 'Today');

package/fixtures/ttyg/chats/ask-question-cancel.json

@@ -0,0 +1,12 @@
+{
+    "id": "thread_YHVy625Ir8TJkUuwy94l46Om",
+    "name": "New chat",
+    "messages": [],
+    "timestamp": 1756128759,
+    "continueRunId": null,
+    "usage": {
+        "completionTokens": 0,
+        "promptTokens": 0,
+        "totalTokens": 0
+    }
+}

package/fixtures/ttyg/chats/cancel-question-response.json

@@ -0,0 +1 @@
+{"runStatus":"cancelled","message":"Request cancelled by the user."}

package/fixtures/ttyg/chats/create/create-chat-response.json

@@ -1,16 +1,12 @@
 {
-    "id": "thread_new_created_chat",
-    "name": "New chat of Han Solo is a character",
-    "timestamp": "creationDate",
-    "messages": [
-        {
-            "id": "msg_Bn07kVDCYT1qmgu1G7Zw0KNeс_",
-            "conversationId": "thread_new_created_chat",
-            "role": "assistant",
-            "agentId": "asst_gAPcrHQQ9ZIxD5eXWH2BNFfo",
-            "message": "Han Solo is a character...",
-            "timestamp": "creationDate",
-            "name": null
-        }
-    ]
+    "id": null,
+    "conversationId": "thread_new_created_chat",
+    "agentId": null,
+    "role": null,
+    "message": null,
+    "timestamp": 0,
+    "name": "New chat",
+    "usage": null,
+    "isTerminalState": false,
+    "terminalStatusCode": null
 }

package/fixtures/ttyg/chats/create/question-response-after-chat-creation.json

@@ -0,0 +1,29 @@
+{
+    "id": "thread_tpv1izmd9bIjxkhUiCd5x2Xz",
+    "name": "Hello! How can I assist you today?",
+    "messages": [
+        {
+            "id": "msg_drDW9OTkPkY0oGoXSdPD5qEx",
+            "conversationId": "thread_tpv1izmd9bIjxkhUiCd5x2Xz",
+            "agentId": "asst_0llP8yAJlFY2yCWrz8Ovfzjs",
+            "role": "assistant",
+            "message": "Hello! How can I assist you today?",
+            "timestamp": 1756129125,
+            "name": null,
+            "usage": {
+                "completionTokens": 11,
+                "promptTokens": 374,
+                "totalTokens": 385
+            },
+            "isTerminalState": false,
+            "terminalStatusCode": null
+        }
+    ],
+    "timestamp": 1756129125,
+    "continueRunId": null,
+    "usage": {
+        "completionTokens": 11,
+        "promptTokens": 374,
+        "totalTokens": 385
+    }
+}

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "graphdb-workbench-tests",
-  "version": "3.2.0-TR2",
+  "version": "3.2.0-TR3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "graphdb-workbench-tests",
-      "version": "3.2.0-TR2",
+      "version": "3.2.0-TR3",
       "license": "Apache-2.0",
       "devDependencies": {
         "@bahmutov/cypress-code-coverage": "^2.7.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphdb-workbench-tests",
-  "version": "3.2.0-TR2",
+  "version": "3.2.0-TR3",
   "description": "Cypress tests for GraphDB workbench",
   "type": "module",
   "scripts": {

package/steps/ttyg/chat-panel-steps.js

@@ -16,6 +16,10 @@ export class ChatPanelSteps {
         return ChatPanelSteps.getChatDetailElement(chatDetailIndex).find('.actions').eq(answerIndex);
     }
 
+    static getAssistantAnswer(index) {
+        return ChatPanelSteps.getChatPanel().find('.assistant-message markdown-content').eq(index);
+    }
+
     static getQuestionInputElement() {
         return ChatPanelSteps.getChatPanel().find('.question-input .contenteditable');
     }
@@ -24,6 +28,10 @@ export class ChatPanelSteps {
         return ChatPanelSteps.getChatPanel().find('.ask-button');
     }
 
+    static askQuestion() {
+        ChatPanelSteps.getAskButtonElement().scrollIntoView().click();
+    }
+
     static getChatDetailQuestionElement(index = 0) {
         return ChatPanelSteps.getChatDetailElement(index).find('.question');
     }
@@ -59,4 +67,16 @@ export class ChatPanelSteps {
     static getCopyToClipboardElement(index = 0) {
         return ChatPanelSteps.getCopyToClipboardElements().eq(index);
     }
+
+    static getCancelButton() {
+        return ChatPanelSteps.getChatPanel().find('.cancel-ask-button');
+    }
+
+    static cancelQuestion() {
+        ChatPanelSteps.getCancelButton().click();
+    }
+
+    static getAssistantIcon(index) {
+        return ChatPanelSteps.getChatDetailElement(index).find('.assistant-icon');
+    }
 }

package/stubs/ttyg/ttyg-stubs.js

@@ -143,22 +143,52 @@ export class TTYGStubs extends Stubs {
     }
 
     static stubAnswerQuestion(fixture = '/ttyg/chats/ask-question.json') {
-        cy.intercept('POST', '/rest/chat/conversations', {
+        cy.intercept('POST', '/rest/chat/chats/**/question', {
             fixture,
             statusCode: 200
         }).as('get-agent-defaults');
     }
 
-    static stubCrateNewChat(fixture = 'ttyg/chats/create/create-chat-response.json') {
-        cy.fixture(fixture).then((fixtureData) => {
+    static stubAnswerQuestionWithDelay(fixture = '/ttyg/chats/ask-question-cancel.json', delay = 1000) {
+        cy.intercept({
+            method: 'POST',
+            url: '/rest/chat/chats/**/question',
+        }, (req) => {
+            req.reply({
+                fixture,
+                statusCode: 200,
+                delay
+            });
+        }).as('get-cancelled-answer');
+    }
+
+    static stubCancelQuestion(fixture = '/ttyg/chats/cancel-question-response.json', delay = 1000) {
+        cy.intercept({
+            method: 'POST',
+            url: 'rest/chat/chats/**/cancel'
+        }, (req) => {
+            req.reply({
+                fixture,
+                statusCode: 200,
+                delay
+            });
+        }).as('get-cancel-response');
+    }
+
+    static stubCreateNewChat() {
+            cy.intercept('POST', '/rest/chat/chats', {
+                fixture: 'ttyg/chats/create/create-chat-response.json',
+                statusCode: 200
+            }).as('ask-first-chat-question');
+
+            cy.fixture('ttyg/chats/create/question-response-after-chat-creation.json').then((fixtureData) => {
             const today = Math.floor(Date.now() / 1000) + '';
             const body = JSON.stringify(fixtureData).replace(/"creationDate"/g, today);
-            cy.intercept('POST', '/rest/chat/conversations', {
+            cy.intercept('POST', '/rest/chat/chats/**/question', {
                 statusCode: 200,
                 body: JSON.parse(body)
             }).as('create-chat');
         });
-
     }
 
     static stubExplainResponse(fixture = '/ttyg/chats/explain-response-1.json') {