graphdb-workbench-tests 3.4.0-TR4 → 3.4.0-TR5

package/e2e-legacy/sparql-editor/yasr/toolbar/visual-graph-button.spec.js

@@ -0,0 +1,106 @@
+import {SparqlEditorSteps} from '../../../../steps/sparql-editor-steps';
+import {YasqeSteps} from '../../../../steps/yasgui/yasqe-steps';
+import {QueryStubs} from '../../../../stubs/yasgui/query-stubs';
+import {GraphConfigStubs} from '../../../../stubs/graph-config-stubs.js';
+import {BrowserStubs} from '../../../../stubs/browser-stubs.js';
+import {VisualGraphSplitButtonSteps} from '../../../../steps/visual-graph-split-button-steps.js';
+
+describe('"Visualize" split button', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'yasr-vizualize-split-button' + Date.now();
+        QueryStubs.stubQueryCountResponse();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        // Given I visit a page with 'ontotex-yasgu-web-component' in it.
+        SparqlEditorSteps.visitSparqlEditorPage();
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('should display "Visualize" split button when user execute a CONSTRUCT query', () => {
+        // WHEN: I visit a page with 'ontotext-yasgui-web-component' on it, and execute select query.
+        executeSelectQuery();
+        // THEN: I expect the 'Visualize' button to not be visible.
+        VisualGraphSplitButtonSteps.getVisualizeMainButton().should('not.be.visible');
+
+        // WHEN: I execute a CONSTRUCT query.
+        executeConstructQuery();
+        // THEN: I expect the 'Visualize' button to be visible.
+        VisualGraphSplitButtonSteps.getVisualizeMainButton().should('be.visible');
+
+        // WHEN: I execute SELECT query again.
+        executeSelectQuery();
+        // THEN: I expect the 'Visualize' button to not be visible.
+        VisualGraphSplitButtonSteps.getVisualizeMainButton().should('not.be.visible');
+    });
+
+    it('should inform user that there no created graph configurations', () => {
+        // GIVEN: There are no graph configurations.
+        GraphConfigStubs.stubGetEmptyGraphConfigs();
+        // AND: I visit a page with 'ontotext-yasgui-web-component' on it, and the 'Visualize' button is visible.
+        executeConstructQuery();
+
+        // WHEN: I open the dropdown.
+        VisualGraphSplitButtonSteps.toggleGraphConfigDropdown();
+        // THEN: I expect to see message that informs that there are no graph configurations.
+        VisualGraphSplitButtonSteps.getNoConfigurationsMessage().should('contain.text', 'No advanced graph configuration.');
+
+        // WHEN: I click on create link.
+        BrowserStubs.stubWindowOpen();
+        VisualGraphSplitButtonSteps.clickCreateGraphConfigLink();
+        // THEN: I expect to be navigated to graph configurations page.
+        cy.get(BrowserStubs.WINDOW_OPEN_ALIAS()).should('have.been.calledWithMatch', 'graphs-visualizations', '_blank', 'noopener,noreferrer');
+    });
+
+    it('should open graphs-visualizations view when click on main button', () => {
+        // GIVEN: I visit a page with 'ontotext-yasgui-web-component' on it, and the 'Visualize' button is visible.
+        executeConstructQuery();
+
+        // WHEN: I click on main button
+        VisualGraphSplitButtonSteps.clickOnVisualizeMainButton();
+        // THEN: I expect to be navigated to graphs-visualizations view.
+        cy.url().should('include', 'graphs-visualizations');
+        cy.getQueryParam('query').should('include', 'PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>PREFIX onto: <http://www.ontotext.com/>CONSTRUCT {?source rdf:type ?destination .} WHERE {?bag rdf:type ?source .?flight rdf:type ?destination}');
+        cy.getQueryParam('config').should('not.exist');
+    });
+
+    it('should open graphs-visualizations view when select a graph configuration', () => {
+        // GIVEN: I visit a page with 'ontotext-yasgui-web-component' on it, and the 'Visualize' button is visible.
+        executeConstructQuery();
+        GraphConfigStubs.stubGetGraphConfigs();
+
+        // WHEN: I open the dropdown.
+        VisualGraphSplitButtonSteps.toggleGraphConfigDropdown();
+        // THEN: I expect to see all graph configurations.
+        VisualGraphSplitButtonSteps.getGraphConfigs().should('have.length', 3);
+
+        // WHEN: I select a graph configuration
+        VisualGraphSplitButtonSteps.selectGraphConfig();
+        // THEN: I expect to be navigated to graphs-visualizations view.
+        cy.url().should('include', 'graphs-visualizations');
+        cy.getQueryParam('query').should('include', 'PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>PREFIX onto: <http://www.ontotext.com/>CONSTRUCT {?source rdf:type ?destination .} WHERE {?bag rdf:type ?source .?flight rdf:type ?destination}');
+        cy.getQueryParam('config').should('eq', 'de99fd5de7f94ef98f1875dff55fc1c9');
+    });
+});
+
+const executeSelectQuery = () => {
+    YasqeSteps.pasteQuery('select * where {?s ?p ?o.}');
+    YasqeSteps.executeQuery();
+};
+
+const executeConstructQuery = () => {
+    YasqeSteps.pasteQuery(
+        'PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>' +
+        'PREFIX onto: <http://www.ontotext.com/>' +
+        'CONSTRUCT {' +
+        '?source rdf:type ?destination .' +
+        '} WHERE {' +
+        '?bag rdf:type ?source .' +
+        '?flight rdf:type ?destination' +
+        '}');
+    YasqeSteps.executeQuery();
+};

package/e2e-legacy/sparql-editor/yasr/yasr.spec.js

@@ -0,0 +1,80 @@
+import {SparqlEditorSteps} from '../../../steps/sparql-editor-steps.js';
+import {YasrSteps} from '../../../steps/yasgui/yasr-steps.js';
+import {YasqeSteps} from '../../../steps/yasgui/yasqe-steps.js';
+
+describe('YASR', () => {
+    let repositoryId;
+    let secondRepositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'yasr-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+        cy.deleteRepository(secondRepositoryId);
+    });
+
+    it('should load YASR in fullscreen with plugin config from URL', () => {
+        // WHEN: I visit SPARQL Query & Update page with url parameters: embedded and pluginName
+        SparqlEditorSteps.visitSparqlEditorPageAndWaitForResults(getUrl(repositoryId, 'pivotTable', true));
+        // THEN: YASR is in fullscreen mode because the workbench is embedded.
+        YasrSteps.getYasr().should('have.class', 'yasr-fullscreen');
+        // AND: I expect the raw response plugin to be visible
+        YasrSteps.getPivotTablePlugin().should('be.visible');
+
+        // WHEN: I press the ESC key.
+        YasrSteps.typeEscapeKey();
+        // THEN: I see YASR results in fullscreen mode because Escape is disabled in this mode.
+        YasrSteps.getYasr().should('have.class', 'yasr-fullscreen');
+
+        // WHEN: I visit SPARQL Query & Update page with without embedded url parameter.
+        SparqlEditorSteps.visitSparqlEditorPageAndWaitForResults(getUrl(repositoryId, 'googleChart'));
+        // THEN: I expect yasr to be in non-fullscreen mode
+        YasrSteps.getYasr().should('not.have.class', 'yasr-fullscreen');
+        // AND: I expect Google Chart plugin to be visible
+        YasrSteps.getGoogleChartPlugin().should('be.visible');
+
+        // WHEN: I visit SPARQL Query & Update page with without embedded and pluginName url parameters.
+        SparqlEditorSteps.visitSparqlEditorPageAndWaitForResults(getUrl(repositoryId));
+        // THEN: I expect yasr to be in non-fullscreen mode
+        YasrSteps.getYasr().should('not.have.class', 'yasr-fullscreen');
+        // AND: I expect Google Chart plugin to be visible, because it was the last used plugin.
+        YasrSteps.getGoogleChartPlugin().should('be.visible');
+
+        // WHEN: I visit SPARQL Query & Update page with without embedded and pluginName url parameters.
+        // AND: There are no persisted yasr data.
+        cy.clearLocalStorage('yagui__graphdb-workbench-sparql-editor');
+        SparqlEditorSteps.visitSparqlEditorPageAndWaitForResults(getUrl(repositoryId));
+        // THEN: I expect yasr to be in non-fullscreen mode
+        YasrSteps.getYasr().should('not.have.class', 'yasr-fullscreen');
+        // AND: I expect the default plugin to be visible
+        YasrSteps.getExtendedTablePlugin().should('be.visible');
+    });
+
+    it('should trigger YASR fullscreen mode', () => {
+        // GIVEN: I open a page that contains "ontotext-yasgui-web-component".
+        SparqlEditorSteps.visitSparqlEditorPage();
+
+        // WHEN: I execute a query.
+        YasqeSteps.executeQuery();
+        // THEN: I should see YASR results in non-fullscreen mode.
+        YasrSteps.getYasr().should('not.have.class', 'yasr-fullscreen');
+
+        // WHEN: I toggle to fullscreen mode.
+        YasrSteps.toggleFullscreen();
+        // THEN: I should see YASR results in fullscreen mode.
+        YasrSteps.getYasr().should('have.class', 'yasr-fullscreen');
+
+        // WHEN: I press the ESC key.
+        YasrSteps.typeEscapeKey();
+        // THEN: I should see YASR results in non-fullscreen mode, because escape is enabled when workbench is not embedded.
+        YasrSteps.getYasr().should('not.have.class', 'yasr-fullscreen');
+    });
+});
+
+const getUrl = (repositoryId, pluginName, embedded = false) => {
+    return `repositoryId=${repositoryId}${pluginName ? ('&pluginName=' + pluginName) : ''}${embedded ? '&embedded' : ''}&query=SELECT * { ?s ?p ?o }&execute=true`;
+}

package/{integration → e2e-legacy}/ttyg/agent-list.spec.js

@@ -1,12 +1,12 @@
 import {TTYGViewSteps} from "../../steps/ttyg/ttyg-view-steps";
 import {TTYGStubs} from "../../stubs/ttyg/ttyg-stubs";
 import {RepositoriesStubs} from "../../stubs/repositories/repositories-stubs";
-import {RepositoriesStub} from "../../stubs/repositories-stub";
+import {TtygAgentSettingsModalSteps} from "../../steps/ttyg/ttyg-agent-settings-modal.steps";
 
 describe('TTYG agent list', () => {
     beforeEach(() => {
         RepositoriesStubs.stubRepositories(0, '/repositories/get-ttyg-repositories.json');
-        RepositoriesStub.stubBaseEndpoints('starwars');
+        RepositoriesStubs.stubBaseEndpoints('starwars');
         cy.presetRepository('starwars');
     });
 
@@ -73,4 +73,55 @@ describe('TTYG agent list', () => {
             {name: 'Databricks-biomarkers', repositoryId: 'biomarkers', isRepositoryDeleted: false}
         ]);
     });
+
+    it('should filter agent actions based on compatibility', () => {
+        TTYGStubs.stubAgentListWithIncompatibleGet();
+        // When: I visit the ttyg page with incompatible agents
+        TTYGViewSteps.visit();
+        // Then: Only the delete action should be available for incompatible agents
+        TTYGViewSteps.expandAgentsSidebar();
+        TTYGViewSteps.getAgentsPanel(0).should('be.visible');
+        TTYGViewSteps.getOpenAgentActionsButton(0).should('be.visible');
+        TTYGViewSteps.toggleAgentActionMenu(0);
+        TTYGViewSteps.getDeleteAgentButton(0).should('be.visible');
+        TTYGViewSteps.getCloneAgentButton(0).should('not.exist');
+        TTYGViewSteps.getEditAgentButton(0).should('not.exist');
+        TTYGViewSteps.toggleAgentActionMenu(0);
+        // And: All actions should be available for compatible agents
+        TTYGViewSteps.toggleAgentActionMenu(1);
+        TTYGViewSteps.getDeleteAgentButton(1).should('be.visible');
+        TTYGViewSteps.getCloneAgentButton(1).should('be.visible');
+        TTYGViewSteps.getEditAgentButton(1).should('be.visible');
+    });
+
+    it('should allow copy of External integration configuration from agent list', () => {
+        TTYGStubs.stubAgentListGet('/ttyg/agent/get-agent-list-autocomplete-query.json');
+        TTYGStubs.getExternalUrl();
+        // Given I have opened the ttyg page
+        TTYGViewSteps.visit();
+        cy.wait('@get-agent-list');
+        // When I select an agent from the sidebar
+        TTYGViewSteps.expandAgentsSidebar();
+        TTYGViewSteps.toggleAgentActionMenu(0);
+        TTYGViewSteps.getExternalIntegrationConfigButton(0).should('be.visible');
+        TTYGViewSteps.openExternalIntegrationConfigButton(0);
+        cy.wait('@external-url');
+        // The url dialog should open
+        TtygAgentSettingsModalSteps.getExternalIntegrationModal().should('be.visible');
+        // The dialog should have all the fields
+        TtygAgentSettingsModalSteps.getAgentUrlField().invoke('val')
+            .then((val) => {
+                expect(val).to.equal('asst_G8EtHyT8kAGeDmCa3Nh6y74v');
+            });
+
+        TtygAgentSettingsModalSteps.getMethodUrlField().invoke('val')
+            .then((val) => {
+                expect(val).to.equal('http://user-pc:7200/rest/llm/tool/ttyg/asst_G8EtHyT8kAGeDmCa3Nh6y74v');
+            });
+
+        TtygAgentSettingsModalSteps.getDifyUrlField().invoke('val')
+            .then((val) => {
+                expect(val).to.equal('http://user-pc:7200/rest/llm/ttyg/asst_G8EtHyT8kAGeDmCa3Nh6y74v/dify');
+            });
+    });
 });

package/{integration → e2e-legacy}/ttyg/agent-select-menu.spec.js

@@ -2,7 +2,6 @@ import {TTYGViewSteps} from "../../steps/ttyg/ttyg-view-steps";
 import {TTYGStubs} from "../../stubs/ttyg/ttyg-stubs";
 import {RepositoriesStubs} from "../../stubs/repositories/repositories-stubs";
 import {ModalDialogSteps} from "../../steps/modal-dialog-steps";
-import {RepositoriesStub} from "../../stubs/repositories-stub";
 
 describe('TTYG agent select menu', () => {
 
@@ -10,7 +9,7 @@ describe('TTYG agent select menu', () => {
 
     beforeEach(() => {
         RepositoriesStubs.stubRepositories(0, '/repositories/get-ttyg-repositories.json');
-        RepositoriesStub.stubBaseEndpoints(repositoryId);
+        RepositoriesStubs.stubBaseEndpoints(repositoryId);
         cy.presetRepository(repositoryId);
         TTYGStubs.stubChatsListGetNoResults();
     });
@@ -29,6 +28,30 @@ describe('TTYG agent select menu', () => {
         ]);
     });
 
+    it('should not allow selecting an incompatible agent from the menu', () => {
+        TTYGStubs.stubAgentListWithIncompatibleGet();
+        // Given: I have opened the ttyg page
+        TTYGViewSteps.visit();
+        // And: The agent dropdown menu is not visible
+        TTYGViewSteps.getAgentsDropdownMenu().should('not.be.visible');
+        // And: The first agent is selected
+        TTYGViewSteps.getAgentsMenuToggleButton().should('contain', 'agent-1');
+
+        // When: I open the agent selection menu
+        TTYGViewSteps.openAgentsMenu();
+        // Then: I should see that the first agent is marked as incompatible
+        TTYGViewSteps.getAgentFromMenu(0)
+            .trigger('mouseover')
+            .should('have.css', 'cursor', 'not-allowed');
+
+        // When: I attempt to select an incompatible agent from the menu
+        TTYGViewSteps.selectAgent(0);
+        // Then: The incompatible agent should not be selected
+        TTYGViewSteps.getAgentsMenuToggleButton().should('contain', 'agent-1');
+        // And: The dropdown menu should remain open
+        TTYGViewSteps.getAgentsDropdownMenu().should('be.visible');
+    });
+
     it('Should be able to select agent from the menu', () => {
         TTYGStubs.stubAgentListGet();
         // Given I have opened the ttyg page

package/{integration → e2e-legacy}/ttyg/chat-list.spec.js

@@ -6,13 +6,12 @@ import {ApplicationSteps} from "../../steps/application-steps";
 import HomeSteps from "../../steps/home-steps";
 import {ChatPanelSteps} from "../../steps/ttyg/chat-panel-steps";
 import {AlertDialogSteps} from "../../steps/alert-dialog-steps";
-import {RepositoriesStub} from "../../stubs/repositories-stub";
 
 describe('TTYG chat list', () => {
 
     beforeEach(() => {
         RepositoriesStubs.stubRepositories(0, '/repositories/get-ttyg-repositories.json');
-        RepositoriesStub.stubBaseEndpoints('starwars');
+        RepositoriesStubs.stubBaseEndpoints('starwars');
         cy.presetRepository('starwars');
     });
 
@@ -62,12 +61,7 @@ describe('TTYG chat list', () => {
         TTYGViewSteps.getChatByDayGroups().should('have.length', 0);
     });
 
-    it('Should be able to edit an existing chat name by double click on the chat in the list', {
-        retries: {
-            runMode: 1,
-            openMode: 0
-        }
-    }, () => {
+    it('Should be able to edit an existing chat name by double click on the chat in the list', () => {
         TTYGStubs.stubChatsListGet();
         TTYGStubs.stubChatGet();
         TTYGStubs.stubAgentListGet();
@@ -91,12 +85,7 @@ describe('TTYG chat list', () => {
         TTYGViewSteps.getChatFromGroup(1, 0).should('contain', 'New chat name');
     });
 
-    it('Should be able to edit an existing chat name through the action menu', {
-        retries: {
-            runMode: 1,
-            openMode: 0
-        }
-    }, () => {
+    it('Should be able to edit an existing chat name through the action menu', () => {
         TTYGStubs.stubChatsListGet();
         TTYGStubs.stubChatGet();
         TTYGStubs.stubAgentListGet();

package/{integration → e2e-legacy}/ttyg/chat-panel.spec.js

@@ -3,14 +3,15 @@ import {TTYGStubs} from "../../stubs/ttyg/ttyg-stubs";
 import {TTYGViewSteps} from "../../steps/ttyg/ttyg-view-steps";
 import {ChatPanelSteps} from "../../steps/ttyg/chat-panel-steps";
 import {ApplicationSteps} from "../../steps/application-steps";
-import {RepositoriesStub} from "../../stubs/repositories-stub";
+import {TtygAgentSettingsModalSteps} from '../../steps/ttyg/ttyg-agent-settings-modal.steps.js';
+import {SparqlStubs} from '../../stubs/sparql-stubs.js';
 
 describe('Ttyg ChatPanel', () => {
 
     beforeEach(() => {
         // Create an actual repository to prevent stubbing all background requests that are not related to the ttyg view
         RepositoriesStubs.stubRepositories(0, '/repositories/get-ttyg-repositories.json');
-        RepositoriesStub.stubBaseEndpoints('starwars');
+        RepositoriesStubs.stubBaseEndpoints('starwars');
         cy.presetRepository('starwars');
         TTYGStubs.stubChatsListGet();
         TTYGStubs.stubAgentListGet();
@@ -42,7 +43,7 @@ describe('Ttyg ChatPanel', () => {
         // When the new question input is empty.
         // The "Ask" button must be disabled.
         ChatPanelSteps.getAskButtonElement().should('be.disabled');
-        ChatPanelSteps.getQuestionInputElement().should('be.disabled');
+        ChatPanelSteps.getQuestionInputElement().should('have.attr', 'disabled');
 
         // Then I expect the "Ask" button be not active because agent is not selected
         ChatPanelSteps.getAskButtonElement().should('not.be.enabled');
@@ -54,7 +55,8 @@ describe('Ttyg ChatPanel', () => {
         // When I type a question
         ChatPanelSteps.getQuestionInputElement()
             .should('be.visible')
-            .and('not.be.disabled')
+            .and('not.have.attr', 'disabled');
+        ChatPanelSteps.getQuestionInputElement()
             .type('Who is Han Solo?');
 
         // Then I expect the "Ask" button be active.
@@ -68,13 +70,22 @@ describe('Ttyg ChatPanel', () => {
         ChatPanelSteps.getChatDetailsElements().should('have.length', 3);
         ChatPanelSteps.getChatDetailQuestionElement(2).contains('Who is Han Solo?');
         // and input field be empty,
-        ChatPanelSteps.getQuestionInputElement().should('be.enabled');
+        ChatPanelSteps.getQuestionInputElement().should('not.have.attr', 'disabled');
         ChatPanelSteps.getQuestionInputElement().should('have.value', '');
         // and "Ask" button be disabled.
         ChatPanelSteps.getAskButtonElement().should('be.disabled');
         // and only the actions for the last message are visible.
         ChatPanelSteps.getChatDetailActions(2, 0).should('not.be.visible');
         ChatPanelSteps.getChatDetailActions(2, 1).should('be.visible');
+        // When: I hover over the token usage info button
+        TTYGViewSteps.hoverTokenUsageInfoButton(0);
+        // Then: I expect the token usage info popover to be displayed.
+        TTYGViewSteps.getTokenUsageInfoPopover()
+            .should("exist")
+            .and('contain', '10,246')
+            .and('contain', 'prompt tokens')
+            .and('contain', '82')
+            .and('contain', 'completion tokens');
 
         // When I click on regenerate button on the last response => +2 messages
         TTYGStubs.stubAnswerQuestion();
@@ -129,14 +140,22 @@ describe('Ttyg ChatPanel', () => {
 
         // When I click on first explain response button
         TTYGViewSteps.getExplainResponseButton(0).realHover();
-        // Then I expect to explain button to be visible.
+        // Then I expect to explain button to be visible and not disabled.
         TTYGViewSteps.getExplainResponseButton(0).should('be.visible');
+        TTYGViewSteps.getExplainResponseButton(0).should('not.be.disabled');
 
         // When I click on the button.
         TTYGStubs.stubExplainResponse();
         TTYGViewSteps.clickOnExplainResponse(0);
         // Then I expect the hint message to not exist (it should only exist for the last 'Explain' response).
         TTYGViewSteps.getHowDeliverAnswerButton().should('not.exist');
+        // When I click on the open in sparql editor button for the explain response
+        SparqlStubs.spyAddKnownPrefixes();
+        TtygAgentSettingsModalSteps.clickOpenQueryInSparqlEditor(0);
+        // Then I expect a request for appending prefixes to be sent with the correct query.
+        cy.wait('@addKnownPrefixes').its('request.body').then((body) => {
+            expect(body).to.contain('SELECT ?name ?height WHERE {\n  ?character voc:height ?height;\n             rdfs:label ?name.\n  FILTER(?name = "Luke Skywalker" || ?name = "Leia Organa")\n}');
+        });
 
         // Then when I click on explain response button on the second answer
         TTYGStubs.stubExplainResponse('/ttyg/chats/explain-response-2.json');
@@ -164,6 +183,55 @@ describe('Ttyg ChatPanel', () => {
         TTYGViewSteps.getExplainQueryQueryElement(1, 2).contains("PREFIX rdfs: <http://www.w3.org/2000/01/rdf-sch");
     });
 
+    it('Should display info about used tokens for response', () => {
+        // Given: I visit the TTYG page, a chat with two questions and answers is loaded.
+        // Wait to chat be loaded
+        ChatPanelSteps.getChatDetailsElements().should('have.length', 2);
+
+        // When: I hover over the token usage info button
+        TTYGViewSteps.hoverTokenUsageInfoButton(0);
+        // Then: I expect the token usage info popover to be displayed.
+        TTYGViewSteps.getTokenUsageInfoPopover()
+            .should("exist")
+            .and('contain', '10,245')
+            .and('contain', 'prompt tokens')
+            .and('contain', '81')
+            .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');
+        // And I expect the explain response button to be visible but disabled
+        TTYGViewSteps.getExplainResponseButton(2).should('be.visible');
+        TTYGViewSteps.getExplainResponseButton(2).should('be.disabled');
+    });
+
     // Can't test this on CI
     it.skip('Should copy an answer when click on copy button', () => {
         // When I click on copy button

package/{integration → e2e-legacy}/ttyg/clone-agent.spec.js

@@ -2,14 +2,13 @@ import {RepositoriesStubs} from "../../stubs/repositories/repositories-stubs";
 import {TTYGViewSteps} from "../../steps/ttyg/ttyg-view-steps";
 import {TTYGStubs} from "../../stubs/ttyg/ttyg-stubs";
 import {TtygAgentSettingsModalSteps} from "../../steps/ttyg/ttyg-agent-settings-modal.steps";
-import {RepositoriesStub} from "../../stubs/repositories-stub";
 
 describe('TTYG clone an agent', () => {
     const repositoryId = 'starwars';
 
     beforeEach(() => {
         RepositoriesStubs.stubRepositories(0, '/repositories/get-ttyg-repositories.json');
-        RepositoriesStub.stubBaseEndpoints(repositoryId);
+        RepositoriesStubs.stubBaseEndpoints(repositoryId);
         cy.presetRepository(repositoryId);
         TTYGStubs.stubAgentDefaultsGet();
     });
@@ -18,6 +17,7 @@ describe('TTYG clone an agent', () => {
         TTYGStubs.stubAgentListGet();
         TTYGStubs.stubChatsListGet();
         TTYGStubs.stubChatGet();
+        RepositoriesStubs.stubRepositoryModel(repositoryId);
         // Given I have opened the ttyg page
         TTYGViewSteps.visit();
         cy.wait('@get-all-repositories');
@@ -46,11 +46,13 @@ describe('TTYG clone an agent', () => {
         TTYGStubs.stubAgentCreate();
         TtygAgentSettingsModalSteps.saveAgent();
         cy.wait('@create-agent').then((interception) => {
+            // eslint-disable-next-line no-undef
             assert.deepEqual(interception.request.body, {
                 "id": "asst_gAPcrHQQ9ZIxD5eXWH2BNFfo",
                 "name": "agent-11",
                 "repositoryId": "starwars",
                 "model": "gpt-4o",
+                "contextSize": 128000,
                 "temperature": 0,
                 "topP": 0,
                 "seed": 0,
@@ -72,4 +74,24 @@ describe('TTYG clone an agent', () => {
             });
         });
     });
+
+    it('should not be able to clone an agent if an extraction method is selected but the precondition has failed', () => {
+        TTYGStubs.stubAgentListGet();
+        TTYGStubs.stubChatsListGet();
+        TTYGStubs.stubChatGet();
+        RepositoriesStubs.stubFtsSearchDisabled(repositoryId);
+
+        // GIVEN: I have opened the TTYG page
+        TTYGViewSteps.visit();
+        cy.wait('@get-all-repositories');
+        cy.wait('@get-agent-list');
+        cy.wait('@get-chat');
+
+        // WHEN: I try to clone an agent that has the FTS extraction method enabled, but FTS is disabled in the repository
+        TTYGViewSteps.expandAgentsSidebar();
+        TTYGViewSteps.triggerCloneAgentActionMenu(0);
+
+        // THEN: The Save Agent button should be disabled
+        TtygAgentSettingsModalSteps.getSaveAgentButton().should('be.disabled');
+    });
 });