graphdb-workbench-tests 4.0.0-TR5 → 4.0.0-TR7

package/e2e-flaky/import/import-server-files-operations.spec.js

@@ -9,8 +9,6 @@ describe('Import server files - Operations', () => {
     const CONTEXT = 'http://example.org/context';
     const FILE_FOR_IMPORT = 'italian_public_schools_links.nt.gz';
     const FILE_FROM_DIRECTORY_FOR_IMPORT = 'rdfxml.rdf';
-    const TTLS_FOR_IMPORT = 'test_turtlestar.ttls';
-    const TRIGS_FOR_IMPORT = 'test-trigstar.trigs';
     const JSONLD_FILE_FOR_IMPORT = '0007-import-file.jsonld';
     const JSONLD_CONTEXT = 'https://w3c.github.io/json-ld-api/tests/compact/0007-context.jsonld';
 
@@ -18,7 +16,7 @@ describe('Import server files - Operations', () => {
         repositoryId = 'server-import-' + Date.now();
         cy.createRepository({id: repositoryId});
         ImportServerFilesSteps.visitServerImport(repositoryId);
-        ImportServerFilesSteps.getResources().should('have.length', 18);
+        ImportServerFilesSteps.getResources().should('have.length', 17);
     });
 
     afterEach(() => {
@@ -119,24 +117,4 @@ describe('Import server files - Operations', () => {
         // Then Import status of the file should not be visible
         ImportServerFilesSteps.getResourceStatus(FILE_FROM_DIRECTORY_FOR_IMPORT).should('be.hidden');
     });
-
-    it('Should import turtlestar from Server files successfully without changing settings', () => {
-        // Given I have opened the server files tab
-        ImportServerFilesSteps.importResourceByName(TTLS_FOR_IMPORT);
-        // When I select to import a ttl file without changing settings
-        ImportSettingsDialogSteps.import();
-        // Then I should see the file imported successfully
-        ImportServerFilesSteps.checkImportedResourceByIndex(0, TTLS_FOR_IMPORT);
-        // ImportSteps.verifyImportStatusDetails(TTLS_FOR_IMPORT, '"preserveBNodeIds": false,');
-    });
-
-    it('Should import trigstar from Server files successfully without changing settings', () => {
-        // Given I have opened the server files tab
-        ImportServerFilesSteps.importResourceByName(TRIGS_FOR_IMPORT);
-        // When I select to import a trigstar file without changing settings
-        ImportSettingsDialogSteps.import();
-        // Then I should see the file imported successfully
-        ImportServerFilesSteps.checkImportedResourceByIndex(0, TRIGS_FOR_IMPORT);
-        // ImportSteps.verifyImportStatusDetails(TRIGS_FOR_IMPORT, '"preserveBNodeIds": false,');
-    });
 });

package/e2e-legacy/cluster/cluster-configuration/cluster-configuration-multi-region.spec.js

@@ -42,7 +42,9 @@ describe('Cluster configuration', () => {
         });
 
         ClusterStubs.stubClusterGroupStatusWithTag();
+        ClusterStubs.stubClusterConfigWithTag();
         cy.wait('@3-nodes-cluster-group-status-tag');
+        cy.wait('@cluster-config-with-tag');
         // Assert the tags table contains the expected tag
         ClusterConfigurationSteps.getTagsTable().should('be.visible');
         ClusterConfigurationSteps.getTagsTableRows().should('contain.text', tagName);
@@ -62,6 +64,11 @@ describe('Cluster configuration', () => {
         cy.wait('@delete-tag').then((interception) => {
             expect(interception.request.body).to.deep.equal({tag: tagName});
         });
+        ClusterStubs.stubClusterGroupStatus();
+        ClusterStubs.stubClusterConfig();
+        cy.wait('@3-nodes-cluster-group-status');
+        cy.wait('@cluster-config');
+        ClusterConfigurationSteps.getTagsTable().should('not.exist');
     });
 
     it('should show an alert when there is no elected leader in the cluster', () => {

package/e2e-legacy/cluster/edit-cluster-nodes-modal.spec.js

@@ -460,7 +460,7 @@ describe('Cluster management', () => {
                 "verificationTimeout": 1500,
                 "transactionLogMaximumSizeGB": 50.0,
                 "batchUpdateInterval": 5000,
-                "nodes": ['http://pc-desktop:7200', 'http://pc-desktop:7203']
+                "nodes": ['http://pc-desktop:7200', 'http://pc-desktop:7203'],
             });
         });
         // And expect success message to be displayed.

package/e2e-legacy/explore/visual-graph/visual.graph.spec.js

@@ -8,6 +8,19 @@ import HomeSteps from '../../../steps/home-steps.js';
 const FILE_TO_IMPORT = 'wine.rdf';
 const VALID_RESOURCE = 'USRegion';
 
+/**
+ * Updates the links limit and waits for the graph reload it triggers to complete.
+ *
+ * @param {string} value the new links limit
+ */
+function updateLinksLimit(value) {
+    VisualGraphSteps.updateLinksLimitField(value);
+    VisualGraphSteps.getLinksNumberField().should('have.value', value);
+    VisualGraphSteps.getUrl().should('match', new RegExp(`[?&]linksLimit=${value}(&|$)`));
+    VisualGraphSteps.getGraphVisualizationPane().should('be.visible');
+    VisualGraphSteps.getNodes();
+}
+
 describe('Visual graph screen validation', () => {
 
     let repositoryId;
@@ -311,6 +324,20 @@ describe('Visual graph screen validation', () => {
             VisualGraphSteps.getPredicates().should('have.length', 36);
         });
 
+        it('Should close the settings panel when navigating away from the graph', () => {
+            // Given I have opened a graph
+            VisualGraphSteps.openUSRegionUri();
+            // And I have opened the visual graph settings
+            VisualGraphSteps.openVisualGraphSettings();
+            VisualGraphSteps.getSettingsPanel().should('be.visible');
+
+            // When I click the visual graph submenu
+            MainMenuSteps.clickOnSubmenuVisualGraph();
+
+            // Then I expect the settings panel to be closed
+            VisualGraphSteps.getSettingsPanel().should('not.exist');
+        });
+
         it('Test include inferred Statements', () => {
             VisualGraphSteps.openUSRegionUri();
             // Check include inferred
@@ -361,9 +388,11 @@ describe('Visual graph screen validation', () => {
             // Pick a type that is displayed in the diagram for example "vin:Zinfandel"
             VisualGraphSteps.getNodes().and('contain', 'Zinfandel');
 
+            // Set the connections limit to 10 and wait for the graph reload it triggers,
+            // so that the settings are opened after the navigation has completed
+            updateLinksLimit('10');
+
             VisualGraphSteps.openVisualGraphSettings();
-            // Set the connections limit to 10
-            VisualGraphSteps.updateLinksLimitField('10');
             // Go to Settings and set "vin:Zinfandel" as an ignored type
             VisualGraphSteps.getIgnoredTypesField().clear().type('vin:Zinfandel').type('{enter}');
 
@@ -395,12 +424,14 @@ describe('Visual graph screen validation', () => {
             // Pick a type that is displayed in the diagram for example "vin:Zinfandel"
             VisualGraphSteps.getPredicates().should('contain', 'hasSugar');
 
+            // Set the connections limit to 10 and wait for the graph reload it triggers,
+            // so that the settings are opened after the navigation has completed
+            updateLinksLimit('10');
+
             VisualGraphSteps.openVisualGraphSettings();
             // Go to predicates tab
             VisualGraphSteps.openPredicatesTab();
 
-            // Set the connections limit to 10
-            VisualGraphSteps.updateLinksLimitField('10');
             // Set "vin:hasSugar" as an ignored predicate
             VisualGraphSteps.getIgnoredPredicatesField().clear().type('vin:hasSugar').type('{enter}');
 

package/e2e-legacy/import/import-server-files.spec.js

@@ -165,8 +165,7 @@ describe('Import server files', () => {
         ImportServerFilesSteps.getResourceTitleRow(6).should('contain', "import-resource-with-long-error.rdf");
         // checks files in root
         ImportServerFilesSteps.getResourceTitleRow(7).should('contain', "bnodes.ttl");
-        ImportServerFilesSteps.getResourceTitleRow(8).should('contain', "test_turtlestar.ttls");
-        ImportServerFilesSteps.getResourceTitleRow(9).should('contain', "0007-import-file.jsonld");
+        ImportServerFilesSteps.getResourceTitleRow(8).should('contain', "0007-import-file.jsonld");
 
         // When I change the order by size.
         ImportServerFilesSteps.orderBySize();
@@ -182,9 +181,8 @@ describe('Import server files', () => {
         ImportServerFilesSteps.getResourceTitleRow(5).should('contain', "rdfxml.rdf");
         ImportServerFilesSteps.getResourceTitleRow(6).should('contain', "jsonld-file.jsonld");
         // checks files in root
-        ImportServerFilesSteps.getResourceTitleRow(17).should('contain', "0007-import-file.jsonld");
-        ImportServerFilesSteps.getResourceTitleRow(18).should('contain', "test_turtlestar.ttls");
-        ImportServerFilesSteps.getResourceTitleRow(19).should('contain', "bnodes.ttl");
+        ImportServerFilesSteps.getResourceTitleRow(15).should('contain', "0007-import-file.jsonld");
+        ImportServerFilesSteps.getResourceTitleRow(16).should('contain', "bnodes.ttl");
     });
 
     it('should allow importing jsonld with empty "JSON-LD Context"', () => {

package/e2e-legacy/import/import-user-data-text-snippet.spec.js

@@ -21,25 +21,6 @@ describe('Import user data: Text snippet', () => {
         'ab:richard ab:email "richard49@hotmail.com".\n' +
         'ab:richard ab:email "richard491@hotmail.com".';
 
-    const TURTLESTAR_SNIPPET = '@prefix ex:<http:/base.org/> .\n' +
-        'ex:foo ex:pred ex:obj .\n' +
-        '<<ex:foo rdfs:label "label">> ex:author "guest" .\n' +
-        'ex:obj ex:quote <<ex:meta ex:data ex:foo>> .\n' +
-        '<<<<ex:foo rdfs:label "label">>  ex:data ex:foo>> ex:recursive true .';
-
-    const TRIGSTAR_SNIPPET = '@prefix ex: <http://example.com/> .\n' +
-        '@prefix dct: <http://purl.org/dc/terms/> .\n' +
-        '@prefix foaf: <http://xmlns.com/foaf/0.1/> .\n' +
-        '@prefix xsd: <http://www.w3.org/2001/XMLSchema#> .\n' +
-        'graph ex:rdfstar {\n' +
-        '    ex:bob foaf:knows << ex:alice foaf:knows<<ex:bob dct:created ex:book>> >> .\n' +
-        '    <<<< ex:bob dct:created ex:book >> foaf:knows ex:alice >> dct:source ex:otherbook .\n' +
-        '    ex:bobshomepage dct:source<< ex:book dct:creator ex:alice  >> .\n' +
-        '    << ex:book dct:creator ex:alice  >> dct:source  ex:bobshomepage .\n' +
-        '    << ex:book dct:creator ex:alice >> dct:requires << ex:alice dct:created ex:book >> .\n' +
-        '    <<<http://example.org/a>ex:b ex:c>>ex:valid "1999-08-16"^^xsd:date .\n' +
-        '}';
-
     const JSONLD_TEXT_SNIPPET = '[\n' +
         '    {\n' +
         '        "@id": "http://www.w3.org/1999/02/22-rdf-syntax-ns#Property",\n' +
@@ -55,8 +36,6 @@ describe('Import user data: Text snippet', () => {
     const CONTEXT = 'http://example.org/graph';
     const TEXT_SNIPPET = 'Text snippet';
     const JSONLD_FORMAT = 'JSON-LD';
-    const VALID_SNIPPET_TURTLESTAR_FORMAT = 'Turtle*';
-    const VALID_SNIPPET_TRIGSTAR_FORMAT = 'TriG*';
     const VALID_SNIPPET_RDF_FORMAT = 'Turtle';
     const RDF_ERROR_MESSAGE = 'RDF Parse Error:';
 
@@ -96,24 +75,6 @@ describe('Import user data: Text snippet', () => {
         ImportUserDataSteps.checkImportedResourceByIndex(0, TEXT_SNIPPET);
     });
 
-    it('Should import Turtle* text snippet successfully with valid RDF star format selected', () => {
-        ImportUserDataSteps.openImportTextSnippetDialog();
-        ImportUserDataSteps.fillRDFTextSnippet(TURTLESTAR_SNIPPET);
-        ImportUserDataSteps.selectRDFFormat(VALID_SNIPPET_TURTLESTAR_FORMAT);
-        ImportUserDataSteps.clickImportTextSnippetButton();
-        ImportSettingsDialogSteps.import();
-        ImportUserDataSteps.checkImportedResourceByIndex(0, TEXT_SNIPPET);
-    });
-
-    it('Should import TriG* text snippet successfully with valid RDF star format selected', () => {
-        ImportUserDataSteps.openImportTextSnippetDialog();
-        ImportUserDataSteps.fillRDFTextSnippet(TRIGSTAR_SNIPPET);
-        ImportUserDataSteps.selectRDFFormat(VALID_SNIPPET_TRIGSTAR_FORMAT);
-        ImportUserDataSteps.clickImportTextSnippetButton();
-        ImportSettingsDialogSteps.import();
-        ImportUserDataSteps.checkImportedResourceByIndex(0, TEXT_SNIPPET);
-    });
-
     it('Should import RDF text snippet successfully with filled base URI and context', () => {
         ImportUserDataSteps.openImportTextSnippetDialog();
         ImportUserDataSteps.fillRDFTextSnippet(RDF_TEXT_SNIPPET_2);

package/e2e-legacy/import/import-user-data-url.spec.js

@@ -54,7 +54,8 @@ describe('Import user data: URL import', () => {
     });
 
 
-    it('Test import file via URL successfully with Auto format selected', () => {
+    // FIXME: wine.rdf contains DOCTYPE which is forbidden in the TR for GDB 12
+    it.skip('Test import file via URL successfully with Auto format selected', () => {
         ImportUserDataSteps.openImportURLDialog(IMPORT_URL);
         ImportUserDataSteps.clickImportUrlButton();
         // Without changing settings
@@ -62,7 +63,8 @@ describe('Import user data: URL import', () => {
         ImportUserDataSteps.checkImportedResourceByIndex(0, IMPORT_URL);
     });
 
-    it('Test import file via URL with invalid RDF format selected', () => {
+    // FIXME: wine.rdf contains DOCTYPE which is forbidden in the TR for GDB 12. Expected error message is different.
+    it.skip('Test import file via URL with invalid RDF format selected', () => {
         ImportUserDataSteps.openImportURLDialog(IMPORT_URL);
         ImportUserDataSteps.selectRDFFormat(JSONLD_FORMAT);
         ImportUserDataSteps.clickImportUrlButton();
@@ -70,7 +72,8 @@ describe('Import user data: URL import', () => {
         ImportUserDataSteps.checkImportedResourceByIndex(0, IMPORT_URL, RDF_ERROR_MESSAGE);
     });
 
-    it('Test import file via URL successfully with valid RDF format selected', () => {
+    // FIXME: wine.rdf contains DOCTYPE which is forbidden in the TR for GDB 12
+    it.skip('Test import file via URL successfully with valid RDF format selected', () => {
         ImportUserDataSteps.openImportURLDialog(IMPORT_URL);
         ImportUserDataSteps.selectRDFFormat(VALID_URL_RDF_FORMAT);
         ImportUserDataSteps.clickImportUrlButton();

package/e2e-legacy/rdf-version/rdf-version-accept-header.spec.js

@@ -0,0 +1,145 @@
+import {SparqlEditorSteps} from "../../steps/sparql-editor-steps";
+import {YasguiSteps} from "../../steps/yasgui/yasgui-steps";
+import {YasqeSteps} from "../../steps/yasgui/yasqe-steps";
+import {YasrSteps} from "../../steps/yasgui/yasr-steps";
+import {QueryStubs} from "../../stubs/yasgui/query-stubs";
+import {GraphsOverviewSteps} from "../../steps/explore/graphs-overview-steps";
+import {JsonLdModalSteps} from "../../steps/json-ld-modal-steps";
+
+// The workbench requests RDF 1.2 by adding the "version" media type parameter to the Accept header.
+// The parameter must be present on every RDF media range and must precede the weight ("q"),
+// because anything after the weight is not a media type parameter.
+const SELECT_QUERY_ACCEPT = 'application/x-sparqlstar-results+json;version=1.2, application/sparql-results+json;version=1.2;q=0.9, */*;version=1.2;q=0.8';
+const CONSTRUCT_QUERY_ACCEPT = 'application/x-graphdb-table-results+json;version=1.2, application/rdf+json;version=1.2;q=0.9, */*;version=1.2;q=0.8';
+const JSONLD_EXPANDED_ACCEPT = 'application/ld+json;profile=http://www.w3.org/ns/json-ld#expanded;version=1.2';
+
+describe('RDF version in the Accept header', () => {
+    let repositoryId;
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    describe('SPARQL editor', () => {
+        beforeEach(() => {
+            repositoryId = 'rdf-version-sparql-' + Date.now();
+            QueryStubs.stubQueryCountResponse();
+            cy.createRepository({id: repositoryId});
+            cy.presetRepository(repositoryId);
+            QueryStubs.stubDefaultQueryResponse(repositoryId);
+
+            SparqlEditorSteps.visitSparqlEditorPage();
+            YasguiSteps.getYasgui().should('be.visible');
+        });
+
+        it('should request RDF 1.2 when executing a SELECT query', () => {
+            // Given I am about to execute the default SELECT query
+            cy.intercept('POST', `/repositories/${repositoryId}`).as('query');
+
+            // When I execute it
+            YasqeSteps.executeQuery();
+
+            // Then every media range of the Accept header should request RDF 1.2
+            verifyAcceptHeader('@query', SELECT_QUERY_ACCEPT);
+        });
+
+        it('should request RDF 1.2 when executing a CONSTRUCT query', () => {
+            // Given I am about to execute a CONSTRUCT query
+            cy.intercept('POST', `/repositories/${repositoryId}`).as('query');
+
+            // When I execute it
+            pasteAndExecuteConstructQuery();
+
+            // Then every media range of the Accept header should request RDF 1.2
+            verifyAcceptHeader('@query', CONSTRUCT_QUERY_ACCEPT);
+        });
+
+        it('should request RDF 1.2 when downloading SELECT results', () => {
+            // Given I have executed a SELECT query
+            YasqeSteps.executeQuery();
+            cy.intercept('POST', `/repositories/${repositoryId}`).as('download');
+
+            // When I download the results as XML
+            YasrSteps.openDownloadAsDropdown();
+            YasrSteps.selectDownloadAsOption(1);
+
+            // Then the download request should ask for RDF 1.2
+            verifyAcceptHeader('@download', 'application/sparql-results+xml;version=1.2');
+        });
+
+        it('should request RDF 1.2 when downloading CONSTRUCT results as JSON-LD', () => {
+            // Given I have executed a CONSTRUCT query
+            pasteAndExecuteConstructQuery();
+            cy.intercept('POST', `/repositories/${repositoryId}`).as('download');
+
+            // When I download the results as JSON-LD with the default settings
+            YasrSteps.openDownloadAsDropdown();
+            YasrSteps.selectDownloadAsOption(1);
+            JsonLdModalSteps.clickExportJSONLD();
+
+            // Then the version should follow the JSON-LD profile
+            verifyAcceptHeader('@download', JSONLD_EXPANDED_ACCEPT);
+        });
+    });
+
+    describe('Graphs overview', () => {
+        beforeEach(() => {
+            repositoryId = 'rdf-version-graphs-' + Date.now();
+            cy.createRepository({id: repositoryId});
+            cy.presetRepository(repositoryId);
+            cy.importRDFTextSnippet(repositoryId, '<urn:s> <urn:p> <urn:o> .');
+
+            GraphsOverviewSteps.visit();
+            GraphsOverviewSteps.getResults().should('have.length.at.least', 1);
+        });
+
+        it('should request RDF 1.2 when exporting the repository', () => {
+            // Given the export opens the download URL in a new window
+            cy.window().then((win) => {
+                cy.stub(win, 'open').returns({closed: true}).as('windowOpen');
+            });
+
+            // When I export the repository as TriG
+            GraphsOverviewSteps.exportRepository();
+            cy.get('.export-repo-format-TriG').eq(0).click();
+
+            // Then the Accept parameter of the download URL should request RDF 1.2
+            cy.get('@windowOpen').should('have.been.calledOnce')
+                .its('firstCall.args.0')
+                .should('contain', '&Accept=' + encodeURIComponent('application/x-trig;version=1.2'));
+        });
+
+        it('should request RDF 1.2 when exporting the repository as JSON-LD', () => {
+            // Given I am about to export the repository
+            cy.intercept({method: 'GET', pathname: `/repositories/${repositoryId}/statements`}).as('export');
+
+            // When I export it as JSON-LD with the default settings
+            GraphsOverviewSteps.exportRepository();
+            GraphsOverviewSteps.selectJSONLDOption();
+            JsonLdModalSteps.clickExportJSONLD();
+
+            // Then the version should follow the JSON-LD profile
+            verifyAcceptHeader('@export', JSONLD_EXPANDED_ACCEPT);
+        });
+
+        it('should request RDF 1.2 when downloading all graphs', () => {
+            // Given I am about to download all graphs
+            cy.intercept({method: 'GET', pathname: `/repositories/${repositoryId}/contexts`}).as('downloadGraphs');
+
+            // When I download them
+            GraphsOverviewSteps.clickOnDownloadAllButton();
+
+            // Then RDF 1.2 should be requested for every media range except JSON
+            verifyAcceptHeader('@downloadGraphs', 'application/json, text/plain;version=1.2, */*;version=1.2');
+        });
+    });
+});
+
+function verifyAcceptHeader(alias, expectedAccept) {
+    cy.wait(alias).its('request.headers.accept').should('equal', expectedAccept);
+}
+
+function pasteAndExecuteConstructQuery() {
+    YasqeSteps.pasteQuery('CONSTRUCT { ?s ?p ?o } WHERE { ?s ?p ?o }');
+    YasqeSteps.executeQuery();
+}

package/e2e-legacy/reactodia/reactodia.spec.js

@@ -0,0 +1,122 @@
+import {ReactodiaSteps} from '../../steps/reactodia-steps.js';
+import {LanguageSelectorSteps} from '../../steps/language-selector-steps.js';
+import {RepositorySelectorSteps} from '../../steps/repository-selector-steps.js';
+import {MainMenuSteps} from '../../steps/main-menu-steps.js';
+
+const FILE_TO_IMPORT = 'resource-test-data.ttl';
+const SEED_RESOURCE_ENCODED = 'http:%2F%2Fexample.com%2Fontology%23CustomerLoyalty';
+const SEED_RESOURCE_LABEL = 'CustomerLoyalty';
+
+const CONSTRUCT_QUERY = 'CONSTRUCT { <http://example.com/ontology#CustomerLoyalty> ?p ?o } WHERE { <http://example.com/ontology#CustomerLoyalty> ?p ?o }';
+const CONSTRUCT_TARGET_LABEL = 'Metric';
+
+describe('Reactodia graph explorer', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'repository-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importServerFile(repositoryId, FILE_TO_IMPORT);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('should mount the reactodia workspace when a repository is active', () => {
+        // Given I open the reactodia view without a start resource.
+        ReactodiaSteps.visit();
+
+        // Then I expect the reactodia workspace and its canvas to be rendered.
+        ReactodiaSteps.getWorkspace().should('exist');
+        ReactodiaSteps.getCanvas().should('exist');
+
+        // And I expect the canvas to start empty because no start resource was provided.
+        ReactodiaSteps.getElements().should('not.exist');
+    });
+
+    it('should place the start resource on the canvas as a seed', () => {
+        // Given I open the reactodia view with a start resource.
+        ReactodiaSteps.visit(SEED_RESOURCE_ENCODED);
+
+        // Then I expect the start resource to be placed on the canvas as a seed element.
+        ReactodiaSteps.getElements().should('have.length', 1);
+        ReactodiaSteps.getElement(SEED_RESOURCE_LABEL).should('exist');
+    });
+
+    it('should seed the canvas with the graph computed from a CONSTRUCT query', () => {
+        // Given I open the reactodia view with a CONSTRUCT query, as sent from the SPARQL editor.
+        ReactodiaSteps.visitWithQuery(CONSTRUCT_QUERY);
+
+        // Then I expect the computed graph to be seeded on the canvas: the subject and its related resource.
+        ReactodiaSteps.getElements().should('have.length', 2);
+        ReactodiaSteps.getElement(SEED_RESOURCE_LABEL).should('exist');
+        ReactodiaSteps.getElement(CONSTRUCT_TARGET_LABEL).should('exist');
+    });
+
+    it('should keep the displayed resources when the language is switched', () => {
+        // Given the reactodia view is opened with a start resource that gets seeded on the canvas.
+        ReactodiaSteps.visit(SEED_RESOURCE_ENCODED);
+        ReactodiaSteps.getElement(SEED_RESOURCE_LABEL).should('exist');
+        ReactodiaSteps.getElements().should('have.length', 1);
+
+        // When I switch the language.
+        LanguageSelectorSteps.switchToFr();
+
+        // Then I expect the same resources to remain visible because the layout is carried across the remount.
+        ReactodiaSteps.getElements().should('have.length', 1);
+        ReactodiaSteps.getElement(SEED_RESOURCE_LABEL).should('exist');
+    });
+
+    it('should keep the diagram on refresh but clear it when navigating away and back', () => {
+        // Given the reactodia view is opened with a start resource that gets seeded on the canvas.
+        ReactodiaSteps.visit(SEED_RESOURCE_ENCODED);
+        ReactodiaSteps.getElements().should('have.length', 1);
+        ReactodiaSteps.getElement(SEED_RESOURCE_LABEL).should('exist');
+
+        // When I refresh the page.
+        cy.reload();
+
+        // Then I expect the diagram state to be preserved across the refresh.
+        ReactodiaSteps.getElements().should('have.length', 1);
+        ReactodiaSteps.getElement(SEED_RESOURCE_LABEL).should('exist');
+
+        // When I navigate to another view via the navigation bar.
+        MainMenuSteps.clickOnSparqlMenu();
+        ReactodiaSteps.getComponent().should('not.exist');
+
+        // And I return to the reactodia view via the navigation bar.
+        MainMenuSteps.clickOnReactodia();
+
+        // Then I expect the canvas to be cleared, because leaving the view drops the persisted diagram state.
+        ReactodiaSteps.getWorkspace().should('exist');
+        ReactodiaSteps.getElements().should('not.exist');
+    });
+
+    describe('Repository switch', () => {
+        let secondRepositoryId;
+
+        beforeEach(() => {
+            secondRepositoryId = 'repository-second-' + Date.now();
+            cy.createRepository({id: secondRepositoryId});
+        });
+
+        afterEach(() => {
+            cy.deleteRepository(secondRepositoryId);
+        });
+
+        it('should clear the canvas when the repository is switched', () => {
+            // Given the reactodia view is opened with a start resource that gets seeded on the canvas.
+            ReactodiaSteps.visit(SEED_RESOURCE_ENCODED);
+            ReactodiaSteps.getElements().should('have.length', 1);
+
+            // When I switch to another repository.
+            RepositorySelectorSteps.selectRepository(secondRepositoryId);
+
+            // Then I expect the workspace to still be mounted, but the canvas to be cleared.
+            ReactodiaSteps.getWorkspace().should('exist');
+            ReactodiaSteps.getElements().should('not.exist');
+        });
+    });
+});