graphdb-workbench-tests 3.1.0-WBM-8 → 3.1.0-plugins1

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

@@ -5,11 +5,9 @@ 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 {MainMenuSteps} from "../../../steps/main-menu-steps";
 
 
-/**
- * TODO: Fix me. Broken due to migration (Error: unknown)
- */
 describe('User and Access', () => {
 
     const PASSWORD = "password";
@@ -87,22 +85,22 @@ describe('User and Access', () => {
             // Then the 'create' button should be disabled
             UserAndAccessSteps.getConfirmUserCreateButton().should('be.disabled');
             // And the field should show an error
-            UserAndAccessSteps.getFieldError().should('contain.text', 'Must be at least 2 symbols long');
+            UserAndAccessSteps.getCustomRoleFieldError().should('contain.text', 'Must be at least 2 symbols long');
             // When I add more text to the custom role tag
             UserAndAccessSteps.addTextToCustomRoleField('A{enter}');
             // Then the 'create' button should be enabled
             UserAndAccessSteps.getConfirmUserCreateButton().should('be.enabled');
             // And the field error should not exist
-            UserAndAccessSteps.getFieldError().should('not.be.visible');
+            UserAndAccessSteps.getCustomRoleFieldError().should('not.be.visible');
 
             // When I type an invalid tag
             UserAndAccessSteps.addTextToCustomRoleField('B{enter}');
             // And the field shows an error
-            UserAndAccessSteps.getFieldError().should('contain.text', 'Must be at least 2 symbols long');
+            UserAndAccessSteps.getCustomRoleFieldError().should('contain.text', 'Must be at least 2 symbols long');
             // When I delete the invalid text
             UserAndAccessSteps.addTextToCustomRoleField('{backspace}');
             // Then the error should not be visible
-            UserAndAccessSteps.getFieldError().should('not.be.visible');
+            UserAndAccessSteps.getCustomRoleFieldError().should('not.be.visible');
         });
 
         it('Adding a role with a CUSTOM_ prefix shows a warning message', () => {
@@ -120,6 +118,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', () => {
@@ -149,6 +177,7 @@ describe('User and Access', () => {
                 cy.deleteRepository(repositoryId2, true);
                 cy.deleteRepository(repositoryId3, true);
                 cy.deleteUser(graphqlUser, true);
+                cy.switchOffFreeAccess(true);
                 cy.switchOffSecurity(true);
             });
 
@@ -424,9 +453,9 @@ describe('User and Access', () => {
     function navigateMenuPath(pathArray, expectedUrl, expectedTitle) {
         pathArray.forEach((label, index) => {
             if (index === 0) {
-                UserAndAccessSteps.clickMenuItem(label);
+                MainMenuSteps.clickOnMenu(label);
             } else {
-                UserAndAccessSteps.clickSubmenuItem(label);
+                MainMenuSteps.clickOnSubMenu(label);
                 const title = expectedTitle ? expectedTitle : label;
                 cy.get('h1').should('contain', title);
             }

package/e2e-legacy/sparql-editor/saved-query/edit-query.spec.js

@@ -4,10 +4,8 @@ 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";
 
-/**
- * TODO: Fix me. Broken due to migration (Error: beforeEach)
- */
 describe('Edit saved queries', () => {
 
     let repositoryId;
@@ -22,7 +20,7 @@ describe('Edit saved queries', () => {
         QueryStubs.stubDefaultQueryResponse(repositoryId);
 
         SparqlEditorSteps.visitSparqlEditorPage();
-        YasguiSteps.getYasgui().should('be.visible');
+        RepositorySelectorSteps.getSelectedRepository().should('contain', repositoryId);
     });
 
     afterEach(() => {
@@ -57,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/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/e2e-legacy/sparql-editor/saved-query/share-query.spec.js

@@ -7,10 +7,7 @@ import {SavedQueriesDialog} from "../../../steps/yasgui/saved-queries-dialog";
 import {ShareSavedQueryDialog} from "../../../steps/yasgui/share-saved-query-dialog";
 
 
-/**
- * TODO: Fix me. Broken due to migration (Error: beforeEach)
- */
-describe.skip('Share saved queries', () => {
+describe('Share saved queries', () => {
 
     let repositoryId;
 
@@ -48,6 +45,7 @@ describe.skip('Share saved queries', () => {
         ApplicationSteps.getSuccessNotifications().should('be.visible');
     });
 
+    // FIX: Skipped because the functionality is not working. There is a bug in the application https://graphwise.atlassian.net/browse/GDB-12633
     it('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);

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

@@ -32,10 +32,7 @@ describe('Sparql editor', () => {
         YasrSteps.getResults().should('be.visible').and('have.length.gt', 0);
     });
 
-    /**
-     * TODO: Fix me. Broken due to migration (Repository selector changed)
-     */
-    it.skip('Should reset yasgui state when repository is changed', () => {
+    it('Should reset yasgui state when repository is changed', () => {
         // create second repository
         secondRepositoryId = repositoryId + '-second';
         cy.createRepository({id: secondRepositoryId});

package/e2e-legacy/ttyg/agent-list.spec.js

@@ -2,6 +2,7 @@ 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(() => {
@@ -10,10 +11,7 @@ describe('TTYG agent list', () => {
         cy.presetRepository('starwars');
     });
 
-    /**
-     * TODO: Fix me, broken due to migration (Error: unknown)
-     */
-    it.skip('Should be able to toggle agents panel', () => {
+    it('Should be able to toggle agents panel', () => {
         TTYGStubs.stubAgentListGet();
         TTYGStubs.stubChatsListGet();
         TTYGStubs.stubChatGet();
@@ -83,14 +81,48 @@ describe('TTYG agent list', () => {
         TTYGViewSteps.visit();
         // Then: Only the delete action should be available for incompatible agents
         TTYGViewSteps.expandAgentsSidebar();
-        TTYGViewSteps.openAgentActionMenu(0);
+        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.openAgentActionMenu(1);
+        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/e2e-legacy/ttyg/chat-list.spec.js

@@ -8,8 +8,7 @@ import {ChatPanelSteps} from "../../steps/ttyg/chat-panel-steps";
 import {AlertDialogSteps} from "../../steps/alert-dialog-steps";
 import {RepositoriesStub} from "../../stubs/repositories-stub";
 
-// TODO: Fix me. Broken due to migration (Error: unknown)
-describe.skip('TTYG chat list', () => {
+describe('TTYG chat list', () => {
 
     beforeEach(() => {
         RepositoriesStubs.stubRepositories(0, '/repositories/get-ttyg-repositories.json');

package/e2e-legacy/ttyg/clone-agent.spec.js

@@ -51,6 +51,7 @@ describe('TTYG clone an agent', () => {
                 "name": "agent-11",
                 "repositoryId": "starwars",
                 "model": "gpt-4o",
+                "contextSize": 128000,
                 "temperature": 0,
                 "topP": 0,
                 "seed": 0,

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

@@ -8,8 +8,7 @@ import {ModalDialogSteps} from "../../steps/modal-dialog-steps";
 import {RepositoriesStub} from "../../stubs/repositories-stub";
 import {AlertDialogSteps} from "../../steps/alert-dialog-steps";
 
-// TODO: fix me. Broken due to migration (Error: unknown)
-describe.skip('TTYG create new agent', () => {
+describe('TTYG create new agent', () => {
     const repositoryId = 'starwars';
 
     beforeEach(() => {
@@ -106,12 +105,12 @@ describe.skip('TTYG create new agent', () => {
 
         // Validate the other agent settings
 
-        // gpt model
-        TtygAgentSettingsModalSteps.getGptModelField().should('have.value', 'gpt-4o');
-        TtygAgentSettingsModalSteps.clearGptModel();
+        // LLM model
+        TtygAgentSettingsModalSteps.getLLMModelField().should('have.value', 'gpt-4o');
+        TtygAgentSettingsModalSteps.clearLLMModel();
         TtygAgentSettingsModalSteps.getSaveAgentButton().should('be.disabled');
-        TtygAgentSettingsModalSteps.getGptModelError().should('be.visible').and('contain', 'This field is required');
-        TtygAgentSettingsModalSteps.typeGptModel('gpt-4o');
+        TtygAgentSettingsModalSteps.getLLMModelError().should('be.visible').and('contain', 'This field is required');
+        TtygAgentSettingsModalSteps.typeLLMModel('gpt-4o');
 
         // temperature
         TtygAgentSettingsModalSteps.setTemperature('0.2');
@@ -149,6 +148,7 @@ describe.skip('TTYG create new agent', () => {
                 "name": "Test Agent",
                 "repositoryId": "starwars",
                 "model": "gpt-4o",
+                "contextSize": 128000,
                 "temperature": "0.2",
                 "topP": "0.2",
                 "seed": 0,
@@ -390,10 +390,7 @@ describe.skip('TTYG create new agent', () => {
         TTYGViewSteps.getAgent(0).should('contain', 'Test Agent').and('contain', 'starwars');
     });
 
-    /**
-     * TODO: Fix me. Broken due to migration (Repository selector changed)
-     */
-    it.skip('Should updates the ChatGPT form field when the repository is changed', () => {
+    it('Should updates the ChatGPT form field when the repository is changed', () => {
         TTYGStubs.stubChatsListGetNoResults();
         TTYGStubs.stubAgentListGet('/ttyg/agent/get-agent-list-0.json');
         ConnectorStubs.stubGetConnectors();
@@ -431,10 +428,7 @@ describe.skip('TTYG create new agent', () => {
         ModalDialogSteps.getDialogBody().contains('If you proceed with creating the ChatGPT Retrieval connector, GraphDB will open in a new tab and switch to the ttyg-repo-1725518186812 repository.');
     });
 
-    /**
-     * TODO: Fix me. Broken due to migration (Repository selector changed)
-     */
-    it.skip('Should updates the similarity form field when the repository is changed', () => {
+    it('Should updates the similarity form field when the repository is changed', () => {
         TTYGStubs.stubChatsListGetNoResults();
         TTYGStubs.stubAgentListGet('/ttyg/agent/get-agent-list-0.json');
         ConnectorStubs.stubGetConnectors();
@@ -487,7 +481,7 @@ describe.skip('TTYG create new agent', () => {
         TtygAgentSettingsModalSteps.setTemperature('1.2');
         TtygAgentSettingsModalSteps.getTemperatureSliderField().should('have.value', '1.2');
         // Then I should see a warning message
-        TtygAgentSettingsModalSteps.getTemperatureWarning().should('be.visible');
+        TtygAgentSettingsModalSteps.scrollToTemperatureWarning().should('be.visible');
         TtygAgentSettingsModalSteps.getTemperatureField().should('have.class', 'has-warning');
         // When I change the temperature to value below 1.0
         TtygAgentSettingsModalSteps.setTemperature('0.9');

package/e2e-legacy/ttyg/edit-agent.spec.js

@@ -32,10 +32,7 @@ describe('TTYG edit an agent', () => {
         cy.wait('@get-agent-list');
         cy.wait('@get-chat');
         // When I select an agent that don't have activated additional extraction method
-        TTYGViewSteps.expandAgentsSidebar();
-        TTYGViewSteps.openAgentsMenu();
-        TTYGViewSteps.selectAgent(0);
-        TTYGViewSteps.editCurrentAgent();
+        TTYGViewSteps.openAgentSettingsModalForAgent(0);
 
         // Then I expect that the iri discovery checkbox is not checked
         TtygAgentSettingsModalSteps.getIriDiscoverySearchCheckbox().should('not.be.checked');
@@ -54,7 +51,7 @@ describe('TTYG edit an agent', () => {
     });
 
 
-    it.skip('should be able to edit Autocomplete extraction method option', {
+    it('should be able to edit Autocomplete extraction method option', {
         retries: {
             runMode: 1,
             openMode: 0
@@ -65,10 +62,7 @@ describe('TTYG edit an agent', () => {
         TTYGViewSteps.visit();
         cy.wait('@get-agent-list');
         // When I select an agent that don't have activated additional extraction method
-        TTYGViewSteps.expandAgentsSidebar();
-        TTYGViewSteps.openAgentsMenu();
-        TTYGViewSteps.selectAgent(0);
-        TTYGViewSteps.editCurrentAgent();
+        TTYGViewSteps.openAgentSettingsModalForAgent(0);
 
         // Then I expect that the autocomplete iri discovery checkbox is not checked
         TtygAgentSettingsModalSteps.getAutocompleteSearchCheckbox().should('not.be.checked');
@@ -106,4 +100,70 @@ describe('TTYG edit an agent', () => {
         // Then: I expect the dialog be disappeared and the disabled message still visible
         TtygAgentSettingsModalSteps.getAutocompleteDisabledMessage().should('be.visible');
     });
+
+    it('should allow copy of External integration configuration', () => {
+        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
+        TTYGViewSteps.openAgentSettingsModalForAgent(0);
+
+        // Then I should see the External integration configuration button
+        TtygAgentSettingsModalSteps.getExtIntegrationConfigBtn().should('be.visible');
+        // When I click the button
+        TtygAgentSettingsModalSteps.openExtIntegrationConfig();
+        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');
+            });
+    });
+
+    it('should show Context size if not openai-assistants API', () => {
+        // Open TTYG page and select first agent
+        TTYGViewSteps.visit();
+        TTYGStubs.stubForApiType('default');
+        cy.wait('@get-agent-list');
+        TTYGViewSteps.openAgentSettingsModalForAgent(0);
+
+        // Then I should see the Context size field
+        TtygAgentSettingsModalSteps.getContextSizeField().should('be.visible');
+        // When I clear the value
+        TtygAgentSettingsModalSteps.clearContextSize();
+        // And click another field
+        TtygAgentSettingsModalSteps.clickLLMModelField();
+        // Then the error for required should appear
+        TtygAgentSettingsModalSteps.getContextSizeError().should('be.visible');
+        // When I type a value
+        TtygAgentSettingsModalSteps.enterContextSize('120000');
+        // Then the error disappears
+        TtygAgentSettingsModalSteps.getContextSizeError().should('not.exist');
+        // I should be allowed to reset the value of the Context size
+        TtygAgentSettingsModalSteps.resetContextSizeValue();
+    });
+
+    it('should NOT show Context size if openai-assistants API', () => {
+        // Open TTYG page and select first agent
+        TTYGViewSteps.visit();
+        TTYGStubs.stubForApiType('assistants');
+        cy.wait('@get-agent-list');
+        TTYGViewSteps.openAgentSettingsModalForAgent(0);
+        // Then I should see the Context size field
+        TtygAgentSettingsModalSteps.getContextSizeField().should('not.exist');
+    });
 });

package/e2e-legacy/ttyg/ttyg-initial-state-with-configured-api-key.spec.js

@@ -0,0 +1,46 @@
+import {TTYGViewSteps} from "../../steps/ttyg/ttyg-view-steps";
+import {MainMenuSteps} from "../../steps/main-menu-steps";
+import HomeSteps from "../../steps/home-steps";
+import {TTYGStubs} from "../../stubs/ttyg/ttyg-stubs";
+
+function verifyStateWithApiKey() {
+    TTYGViewSteps.getChatListComponent().should('be.visible');
+    TTYGViewSteps.getChatPanel().should('be.visible');
+    TTYGViewSteps.getAgentsMenu().should('be.visible');
+    TTYGViewSteps.getEditCurrentAgentButton().should('be.visible');
+    TTYGViewSteps.getHelpButton().should('be.visible');
+    TTYGViewSteps.getCreateAgentButton().should('be.visible');
+    TTYGViewSteps.getToggleAgentsSidebarButton().should('be.visible');
+}
+
+describe('TTYG initial state with API key', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'ttyg-api-key-init-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        TTYGStubs.stubAgentListGet();
+        TTYGStubs.stubChatsListGet();
+        TTYGStubs.stubChatGet();
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should display the correct initial state when navigating via URL', () => {
+        // Given, I visit the TTYG page via URL
+        TTYGViewSteps.visit();
+        // Then,
+        verifyStateWithApiKey();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation menu', () => {
+        // Given, I visit the TTYG page via the navigation menu
+        HomeSteps.visit();
+        MainMenuSteps.clickOnTTYG();
+        // Then,
+        verifyStateWithApiKey();
+    });
+});

package/e2e-legacy/ttyg/ttyg-initial-state-with-selected-repository.spec.js

@@ -0,0 +1,45 @@
+import {TTYGViewSteps} from "../../steps/ttyg/ttyg-view-steps";
+import {MainMenuSteps} from "../../steps/main-menu-steps";
+import HomeSteps from "../../steps/home-steps";
+
+function verifyStateWithSelectedRepository() {
+    TTYGViewSteps.getNoAgentsView().should('be.visible');
+    TTYGViewSteps.getCreateFirstAgentButton().should('be.visible');
+    TTYGViewSteps.getTtygInfoMessage().should('be.visible');
+    TTYGViewSteps.getTtygagentMessage().should('be.visible');
+    TTYGViewSteps.getApiKeyMessage().should('be.visible');
+    TTYGViewSteps.getMissingApiKeyToastMessage()
+        .should('be.visible')
+        .and('contain', 'Set the config property \'graphdb.llm.api-key\' to your LLM API key.');
+}
+
+// TODO: skipped until BE releases an updated version with the new API key.
+//  https://graphwise.atlassian.net/browse/GDB-12738
+describe.skip('TTYG initial state with selected repository', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'ttyg-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 TTYG page via URL with a repository selected
+        TTYGViewSteps.visit();
+        // Then,
+        verifyStateWithSelectedRepository();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation menu', () => {
+        // Given, I visit the TTYG page via the navigation menu with a repository selected
+        HomeSteps.visit();
+        MainMenuSteps.clickOnTTYG();
+        // Then,
+        verifyStateWithSelectedRepository();
+    });
+});

package/e2e-legacy/ttyg/ttyg-initial-state-without-repositories.spec.js

@@ -0,0 +1,21 @@
+import {MainMenuSteps} from "../../steps/main-menu-steps";
+import HomeSteps from "../../steps/home-steps";
+import {TTYGViewSteps} from "../../steps/ttyg/ttyg-view-steps";
+import {ErrorSteps} from "../../steps/error-steps";
+
+describe('TTYG initial state without selected repository', () => {
+    it('Should display the correct initial state when navigating via URL', () => {
+        // Given, I visit the TTYG page via URL without a repository selected
+        TTYGViewSteps.visit();
+        // Then,
+        ErrorSteps.verifyNoConnectedRepoMessage();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation menu', () => {
+        // Given, I visit the TTYG page via the navigation menu without a repository selected
+        HomeSteps.visit();
+        MainMenuSteps.clickOnTTYG();
+        // Then,
+        ErrorSteps.verifyNoConnectedRepoMessage();
+    });
+});