graphdb-workbench-tests 3.0.2 → 3.1.0-TR2

package/{integration/setup → e2e-legacy/setup/sparql-template}/sparql-template-create.js

@@ -1,10 +1,10 @@
-import {SparqlCreateUpdateSteps} from "../../steps/setup/sparql-create-update-steps";
-import {YasqeSteps} from "../../steps/yasgui/yasqe-steps";
-import {ModalDialogSteps} from "../../steps/modal-dialog-steps";
-import {MainMenuSteps} from "../../steps/main-menu-steps";
-import {RepositorySelectorSteps} from "../../steps/repository-selector-steps";
-import {SparqlTemplatesSteps} from "../../steps/setup/sparql-templates-steps";
-import {ImportUserDataSteps} from "../../steps/import/import-user-data-steps";
+import {SparqlCreateUpdateSteps} from "../../../steps/setup/sparql-create-update-steps";
+import {YasqeSteps} from "../../../steps/yasgui/yasqe-steps";
+import {ModalDialogSteps} from "../../../steps/modal-dialog-steps";
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import {RepositorySelectorSteps} from "../../../steps/repository-selector-steps";
+import {SparqlTemplatesSteps} from "../../../steps/setup/sparql-templates-steps";
+import {ImportUserDataSteps} from "../../../steps/import/import-user-data-steps";
 
 describe('SPARQL create template', () => {
 
@@ -17,15 +17,16 @@ describe('SPARQL create template', () => {
         cy.presetRepository(repositoryId);
         secondRepositoryId = 'sparql-templates-second-repo' + Date.now();
         cy.createRepository({id: secondRepositoryId});
-        SparqlCreateUpdateSteps.visit();
     });
 
     afterEach(() => {
+        cy.unsetRepository();
         cy.deleteRepository(repositoryId);
         cy.deleteRepository(secondRepositoryId);
     });
 
     it('should has error message described that template id is required', () => {
+        SparqlCreateUpdateSteps.visit();
         // When I visit 'Sparql create template' view,
         // and click on "Save" button without to fill template id.
         SparqlCreateUpdateSteps.clickOnSaveButton();
@@ -35,6 +36,7 @@ describe('SPARQL create template', () => {
     });
 
     it('should has error message described that template id is invalid', () => {
+        SparqlCreateUpdateSteps.visit();
         // When I visit 'Sparql create template' view,
         // and fill an invalid template id,
         const invalidTemplateName = 'invalid-template-id';
@@ -47,6 +49,7 @@ describe('SPARQL create template', () => {
     });
 
     it('should has error message described that query mode is invalid', () => {
+        SparqlCreateUpdateSteps.visit();
         // When I visit 'Sparql create template' view,
         // and fill  valid template id.
         SparqlCreateUpdateSteps.typeTemplateId('http://test');
@@ -62,6 +65,7 @@ describe('SPARQL create template', () => {
     });
 
     it('should navigate to other view if there are no changes', () => {
+        SparqlCreateUpdateSteps.visit();
         // When I visit 'Sparql create template' view,
         // and navigate to other view.
         ImportUserDataSteps.visitUserImport(repositoryId);
@@ -71,6 +75,7 @@ describe('SPARQL create template', () => {
     });
 
     it('should confirm me before navigate when template id is changed', () => {
+        SparqlCreateUpdateSteps.visit();
         // When I visit 'Sparql create template' view,
         // and set template id.
         SparqlCreateUpdateSteps.typeTemplateId('http://test');
@@ -104,6 +109,7 @@ describe('SPARQL create template', () => {
     });
 
     it('should not change the view if I am creating a new sparql template and change the repository', () => {
+        SparqlCreateUpdateSteps.visit();
         // When I visit 'Sparql create template' view,
         // make some changes.
         SparqlCreateUpdateSteps.typeTemplateId('http://test');
@@ -116,6 +122,7 @@ describe('SPARQL create template', () => {
     });
 
     it('Should redirect to templates catalog view when repository is changed', () => {
+        SparqlCreateUpdateSteps.visit();
         // When I visit 'Sparql create template' view
         // When I change the repository.
         RepositorySelectorSteps.selectRepository(secondRepositoryId);
@@ -125,6 +132,7 @@ describe('SPARQL create template', () => {
     });
 
     it('should ask for confirmation when try to save sparql template with already existing template id', () => {
+        SparqlCreateUpdateSteps.visit();
         // When I visit 'Sparql create template' view,
         // create a SPARQL template
         const templateName = 'http://' + Date.now();

package/e2e-legacy/setup/sparql-template/sparql-template-with-repository.spec.js

@@ -0,0 +1,39 @@
+import HomeSteps from "../../../steps/home-steps";
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import {SparqlTemplatesSteps} from "../../../steps/setup/sparql-templates-steps";
+
+describe('Sparql templates with selected repository', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'sparql-template-init-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should display the correct initial state when navigating via URL', () => {
+        // Given, I visit the Sparql templates page via URL with a repository selected
+        SparqlTemplatesSteps.visit();
+        // Then,
+        verifyInitialStateWithSelectedRepository();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation bar', () => {
+        // Given, I visit the Sparql templates page via the navigation menu with a repository selected
+        HomeSteps.visit();
+        MainMenuSteps.clickOnSparqlTemplates();
+        // Then,
+        verifyInitialStateWithSelectedRepository();
+    });
+
+    const verifyInitialStateWithSelectedRepository = () => {
+        SparqlTemplatesSteps.getSparqlTemplatesPage().should('exist');
+        SparqlTemplatesSteps.getSparqlTemplatesContent().should('be.visible');
+        SparqlTemplatesSteps.getSparqlTemplatesCreateLink().should('be.visible');
+        SparqlTemplatesSteps.getNoSparqlTemplatesMessage().should('be.visible');
+    };
+})

package/e2e-legacy/setup/sparql-template/sparql-template-without-repository.spec.js

@@ -0,0 +1,29 @@
+import {ErrorSteps} from "../../../steps/error-steps";
+import HomeSteps from "../../../steps/home-steps";
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import {SparqlTemplatesSteps} from "../../../steps/setup/sparql-templates-steps";
+
+describe('Sparql templates without selected repository', () => {
+    it('Should display the correct initial state when navigating via URL', () => {
+        // Given, I visit the Sparql templates page via URL without a repository selected
+        SparqlTemplatesSteps.visit();
+        // Then,
+        verifyInitialStateWithoutSelectedRepository();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation menu', () => {
+        // Given, I visit the Sparql templates page via the navigation menu without a repository selected
+        HomeSteps.visit();
+        MainMenuSteps.clickOnSparqlTemplates();
+        // Then,
+        verifyInitialStateWithoutSelectedRepository()
+    });
+
+    const verifyInitialStateWithoutSelectedRepository = () => {
+        ErrorSteps.verifyNoConnectedRepoMessage();
+        SparqlTemplatesSteps.getSparqlTemplatesPage().should('exist');
+        SparqlTemplatesSteps.getSparqlTemplatesContent().should('not.exist');
+        SparqlTemplatesSteps.getSparqlTemplatesCreateLink().should('not.exist');
+        SparqlTemplatesSteps.getNoSparqlTemplatesMessage().should('not.exist');
+    };
+})

package/{integration/setup → e2e-legacy/setup/sparql-template}/sparql-templates.spec.js

@@ -1,7 +1,7 @@
-import {SparqlTemplatesSteps} from "../../steps/setup/sparql-templates-steps";
-import {SparqlCreateUpdateSteps} from "../../steps/setup/sparql-create-update-steps";
-import {ModalDialogSteps} from "../../steps/modal-dialog-steps";
-import {ToasterSteps} from "../../steps/toaster-steps";
+import {SparqlTemplatesSteps} from "../../../steps/setup/sparql-templates-steps";
+import {SparqlCreateUpdateSteps} from "../../../steps/setup/sparql-create-update-steps";
+import {ModalDialogSteps} from "../../../steps/modal-dialog-steps";
+import {ToasterSteps} from "../../../steps/toaster-steps";
 
 describe('SPARQL Templates', () => {
 

package/{integration/setup → e2e-legacy/setup/users-and-access}/user-and-access.spec.js

@@ -1,12 +1,15 @@
-import {UserAndAccessSteps} from "../../steps/setup/user-and-access-steps";
-import {RepositoriesStubs} from "../../stubs/repositories/repositories-stubs";
-import {RepositorySelectorSteps} from "../../steps/repository-selector-steps";
-import {ModalDialogSteps} from "../../steps/modal-dialog-steps";
-import {ToasterSteps} from "../../steps/toaster-steps";
-import HomeSteps from "../../steps/home-steps";
-import {LoginSteps} from "../../steps/login-steps";
-
-
+import {UserAndAccessSteps} from "../../../steps/setup/user-and-access-steps";
+import {RepositoriesStubs} from "../../../stubs/repositories/repositories-stubs";
+import {RepositorySelectorSteps} from "../../../steps/repository-selector-steps";
+import {ModalDialogSteps} from "../../../steps/modal-dialog-steps";
+import {ToasterSteps} from "../../../steps/toaster-steps";
+import HomeSteps from "../../../steps/home-steps";
+import {LoginSteps} from "../../../steps/login-steps";
+
+
+/**
+ * TODO: Fix me. Broken due to migration (Error: unknown)
+ */
 describe('User and Access', () => {
 
     const PASSWORD = "password";
@@ -117,6 +120,36 @@ describe('User and Access', () => {
             UserAndAccessSteps.getUsersTable().should('be.visible');
             UserAndAccessSteps.getSplashLoader().should('not.be.visible');
         });
+
+        it('should toggle free access after Admin has logged in', () => {
+            // Given I have available repositories to allow Free Access for
+            RepositoriesStubs.stubRepositories();
+            RepositoriesStubs.stubFreeAccess();
+            // When I enable security
+            UserAndAccessSteps.toggleSecurity();
+            // When I log in as an Admin
+            LoginSteps.loginWithUser("admin", DEFAULT_ADMIN_PASSWORD);
+            // Then the page should load
+            UserAndAccessSteps.getSplashLoader().should('not.be.visible');
+            UserAndAccessSteps.getUsersTable().should('be.visible');
+            // The Free Access toggle should be OFF
+            UserAndAccessSteps.getFreeAccessSwitchInput().should('not.be.checked');
+            // When I toggle Free Access ON
+            UserAndAccessSteps.toggleFreeAccess();
+            // And I allow free access to a repository
+            ModalDialogSteps.getDialog().should('be.visible');
+            // Then I click OK in the modal
+            ModalDialogSteps.clickOKButton();
+            // Then the toggle button should be ON
+            UserAndAccessSteps.getFreeAccessSwitchInput().should('be.checked');
+            // And I should see a success message
+            ToasterSteps.verifySuccess('Free access has been enabled.');
+            UserAndAccessSteps.getUsersTable().should('be.visible');
+            // When I toggle Free Access OFF
+            UserAndAccessSteps.toggleFreeAccess();
+            // Then I should see a success message
+            ToasterSteps.verifySuccess('Free access has been disabled.');
+        });
     })
 
     context('GraphQL only', () => {
@@ -156,7 +189,8 @@ describe('User and Access', () => {
             createUser(graphqlUser, PASSWORD, ROLE_USER, {read: true, graphql: true, repoName: repositoryId2});
         });
 
-        it('Can create user with different auth combinations', () => {
+        // Fails for unknown reason only in CI
+        it.skip('Can create user with different auth combinations', () => {
             cy.wait('@getRepositories');
             // WHEN I create a user with read + GraphQL for repository #2
             createUser(graphqlUser, PASSWORD, ROLE_USER, {read: true, graphql: true, repoName: repositoryId2});
@@ -197,7 +231,8 @@ describe('User and Access', () => {
             assertUserAuths(graphqlUser, {repo: repositoryId3, read: false, write: true, graphql: true});
         });
 
-        it('Should have access to 5 pages when have graphql only rights', () => {
+        // TODO remove skipped flag from all tests after merge of https://github.com/Ontotext-AD/graphdb-workbench/pull/2042
+        it.skip('Should have access to 5 pages when have graphql only rights', () => {
             cy.wait('@getRepositories');
             // WHEN I create a user with read + GraphQL for repository #2
             createUser(graphqlUser, PASSWORD, ROLE_USER, {readWrite: true, graphql: true, repoName: repositoryId1});
@@ -215,7 +250,7 @@ describe('User and Access', () => {
             });
         });
 
-        it('Should not have access endpoints management when have read graphql only rights', () => {
+        it.skip('Should not have access endpoints management when have read graphql only rights', () => {
             cy.wait('@getRepositories');
             // WHEN I create a user with read + GraphQL for repository #2
             createUser(graphqlUser, PASSWORD, ROLE_USER, {read: true, graphql: true, repoName: repositoryId1});
@@ -233,7 +268,7 @@ describe('User and Access', () => {
             });
         });
 
-        it('Should have all access to endpoints management when have REPO_MANAGER role', () => {
+        it.skip('Should have all access to endpoints management when have REPO_MANAGER role', () => {
             cy.wait('@getRepositories');
             createUser(graphqlUser, PASSWORD, ROLE_REPO_MANAGER);
             //enable security
@@ -249,7 +284,7 @@ describe('User and Access', () => {
             });
         });
 
-        it('Can have Free Access and GraphQL working together', () => {
+        it.skip('Can have Free Access and GraphQL working together', () => {
             cy.wait('@getRepositories');
             //enable security
             UserAndAccessSteps.toggleSecurity();
@@ -368,7 +403,7 @@ describe('User and Access', () => {
         if (isAdmin) {
             UserAndAccessSteps.getUsersTable().should('be.visible');
         } else {
-            UserAndAccessSteps.getError().should('contain',
+            UserAndAccessSteps.getPermissionError().should('contain',
                 'You have no permission to access this functionality with your current credentials.');
         }
     }

package/e2e-legacy/setup/users-and-access/users-and-access-initial-state.spec.js

@@ -0,0 +1,25 @@
+import {UserAndAccessSteps} from "../../../steps/setup/user-and-access-steps";
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+
+function validateInitialState() {
+    UserAndAccessSteps.getCreateNewUserButton().should('be.visible');
+    UserAndAccessSteps.getToggleSecuritySwitch().should('be.visible');
+    UserAndAccessSteps.getUsersTable().should('be.visible');
+}
+
+describe('Users and Access initial state', () => {
+    it('Should display the correct initial state when navigating via URL', () => {
+        // Given, I visit the Users and Access page via URL
+        UserAndAccessSteps.visit();
+        // Then,
+        validateInitialState();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation menu', () => {
+        // Given, I visit the Users and Access page via the navigation menu
+        UserAndAccessSteps.visit();
+        MainMenuSteps.clickOnUsersAndAccess();
+        // Then,
+        validateInitialState();
+    });
+})

package/{integration → e2e-legacy}/sparql-editor/actions/inferred-sameas.spec.js

@@ -1,6 +1,7 @@
 import {SparqlEditorSteps} from "../../../steps/sparql-editor-steps";
 import {YasqeSteps} from "../../../steps/yasgui/yasqe-steps";
 import {RepositoriesStub} from "../../../stubs/repositories-stub";
+import {AutocompleteStubs} from "../../../stubs/autocomplete/autocomplete-stubs";
 
 describe('Expand results over owl:sameAs', () => {
 
@@ -8,9 +9,10 @@ describe('Expand results over owl:sameAs', () => {
 
     beforeEach(() => {
         repositoryId = 'sparql-editor-' + Date.now();
-        cy.setLocalStorage("ls.repository-id", repositoryId);
+        cy.presetRepository(repositoryId);
         RepositoriesStub.stubOntopRepository(repositoryId);
         RepositoriesStub.stubNameSpaces(repositoryId);
+        AutocompleteStubs.stubAutocompleteEnabled(false);
     });
 
     it('should not be able to toggle the sameAs button state if repository is virtual', () => {

package/{integration → e2e-legacy}/sparql-editor/saved-query/edit-query.spec.js

@@ -4,6 +4,7 @@ import {QueryStubs} from "../../../stubs/yasgui/query-stubs";
 import {SavedQuery} from "../../../steps/yasgui/saved-query";
 import {SavedQueriesDialog} from "../../../steps/yasgui/saved-queries-dialog";
 import {SaveQueryDialog} from "../../../steps/yasgui/save-query-dialog";
+import {RepositorySelectorSteps} from "../../../steps/repository-selector-steps";
 
 describe('Edit saved queries', () => {
 
@@ -19,7 +20,7 @@ describe('Edit saved queries', () => {
         QueryStubs.stubDefaultQueryResponse(repositoryId);
 
         SparqlEditorSteps.visitSparqlEditorPage();
-        YasguiSteps.getYasgui().should('be.visible');
+        RepositorySelectorSteps.getSelectedRepository().should('contain', repositoryId);
     });
 
     afterEach(() => {
@@ -54,8 +55,7 @@ describe('Edit saved queries', () => {
         SaveQueryDialog.closeSaveQueryDialog();
     });
 
-    // TODO skipped until .env can be updated with BE version, which includes the API changes
-    it.skip('should allow renaming saved query', () => {
+    it('should allow renaming saved query', () => {
         // Given I have created a query
         SavedQuery.create(savedQueryName);
         // When I open the saved queries popup

package/{integration → e2e-legacy}/sparql-editor/saved-query/readonly-query.spec.js

@@ -10,13 +10,7 @@ const USER_NAME = 'saved_query_user';
 const USER_ADMINISTRATOR = 'admin';
 const PASSWORD = 'root';
 
-/**
- * Skipped because this type of implementation is not ideal. If the test fails and the `afterEach` hook
- * fails to toggle security, all remaining tests will fail because security remains enabled.
- *
- * Tests like this should be refactored to use stubs or other alternative implementations.
- */
-describe.skip('Readonly saved query', () => {
+describe('Readonly saved query', () => {
 
     let repositoryId;
 
@@ -32,17 +26,18 @@ describe.skip('Readonly saved query', () => {
     });
 
     afterEach(() => {
-        LoginSteps.logout();
+        cy.loginAsAdmin().then(()=> {
+        cy.switchOffSecurity(true);
+        cy.deleteUser(USER_NAME, true);
         cy.deleteRepository(repositoryId);
-        UserAndAccessSteps.visit();
-        LoginSteps.loginWithUser(USER_ADMINISTRATOR, PASSWORD);
-        UserAndAccessSteps.toggleSecurity();
-        cy.deleteUser(USER_NAME);
+        });
     });
 
     it('Should not allow modifying a saved query if it is readonly', () => {
         // Given: There is a public saved query created by a user.
         LoginSteps.loginWithUser(USER_NAME, PASSWORD);
+        // Wait for the users page to be loaded, before changing the URL to ensure the user is logged in successfully
+        UserAndAccessSteps.isUsersUrlLoaded();
         SparqlEditorSteps.visitSparqlEditorPage();
         YasguiSteps.getYasgui().should('be.visible');
         const savedQueryName = SavedQuery.generateQueryName();
@@ -52,7 +47,6 @@ describe.skip('Readonly saved query', () => {
         // When: I log in with another user
         LoginSteps.loginWithUser(USER_ADMINISTRATOR, PASSWORD);
         // and open the popup with the saved query.
-        SparqlEditorSteps.visitSparqlEditorPage();
         YasguiSteps.showSavedQueries();
 
         // Then: I expect:

package/{integration → e2e-legacy}/sparql-editor/saved-query/share-query.spec.js

@@ -6,6 +6,7 @@ import {DEFAULT_QUERY, SavedQuery} from "../../../steps/yasgui/saved-query";
 import {SavedQueriesDialog} from "../../../steps/yasgui/saved-queries-dialog";
 import {ShareSavedQueryDialog} from "../../../steps/yasgui/share-saved-query-dialog";
 
+
 describe('Share saved queries', () => {
 
     let repositoryId;
@@ -44,7 +45,8 @@ describe('Share saved queries', () => {
         ApplicationSteps.getSuccessNotifications().should('be.visible');
     });
 
-    it('Should be able to open a share link in a new editor tab', () => {
+    // FIX: Skipped because the functionality is not working. There is a bug in the application https://graphwise.atlassian.net/browse/GDB-12633
+    it.skip('Should be able to open a share link in a new editor tab', () => {
         // Given I have created a query
         YasguiSteps.getTabs().should('have.length', 1);
         const savedQueryName = SavedQuery.generateQueryName();

package/e2e-legacy/sparql-editor/sparql-page-with-selected-repository.spec.js

@@ -0,0 +1,33 @@
+import SparqlSteps from "../../steps/sparql-steps";
+import HomeSteps from "../../steps/home-steps";
+import {MainMenuSteps} from "../../steps/main-menu-steps";
+
+describe('SPARQL page with selected repository', () => {
+
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'sparql-page-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should render SPARQL page with editor via URL', () => {
+        // Given, I visit the SPARQL page via URL, and I have a selected repository
+        SparqlSteps.visit();
+        // Then, I expect to see the editor
+        SparqlSteps.getQueryArea().should('be.visible');
+    });
+
+    it('Should render SPARQL page with editor via navigation menu', () => {
+        // Given I open the SPARQL page, via navigation through the home page, and I have a selected repository
+        HomeSteps.visit();
+        MainMenuSteps.clickOnSparqlMenu();
+        // Then, I expect to see the editor
+        SparqlSteps.getQueryArea().should('be.visible');
+    });
+})

package/e2e-legacy/sparql-editor/sparql-page-without-selected-repository.spec.js

@@ -0,0 +1,26 @@
+import SparqlSteps from "../../steps/sparql-steps";
+import HomeSteps from "../../steps/home-steps";
+import {MainMenuSteps} from "../../steps/main-menu-steps";
+import {ErrorSteps} from "../../steps/error-steps";
+
+describe('SPARQL page without selected repository', () => {
+    it('Should render SPARQL page without selected repository via URL', () => {
+        // Given, I visit the SPARQL page via URL and I haven't selected a repository
+        SparqlSteps.visit();
+        // Then
+        validateNoRepositoriesSparqlPage();
+    });
+
+    it('Should render SPARQL page without selected repository via navigation menu', () => {
+        // Given, I visit the SPARQL page via navigation menu and I haven't selected a repository'
+        HomeSteps.visit();
+        MainMenuSteps.clickOnSparqlMenu();
+        // Then
+        validateNoRepositoriesSparqlPage();
+    });
+});
+
+function validateNoRepositoriesSparqlPage() {
+    SparqlSteps.getQueryArea().should('not.exist');
+    ErrorSteps.verifyNoConnectedRepoMessage();
+}

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

@@ -73,4 +73,24 @@ 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');
+    });
 });

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

@@ -29,6 +29,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: No agent is currently selected
+        TTYGViewSteps.getAgentsMenuToggleButton().should('contain', 'Select an agent');
+
+        // 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', 'Select an agent');
+        // 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-panel.spec.js

@@ -42,7 +42,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 +54,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 +69,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();
@@ -164,6 +174,22 @@ 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');
+    });
+
     // 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/create-chat.spec.js

@@ -38,9 +38,11 @@ describe('TTYG create chat', () => {
         // 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.
         ChatPanelSteps.getAskButtonElement().should('be.enabled');