graphdb-workbench-tests 3.3.1 → 3.4.0-dynamic-guides-test

package/cypress-flaky.config.js

@@ -9,6 +9,8 @@ export default defineConfig({
     video: true,
     defaultCommandTimeout: 25000,
     numTestsKeptInMemory: 10,
+    viewportWidth: 1600,
+    viewportHeight: 1200,
     e2e: {
         retries: {
             runMode: 2,

package/cypress-legacy.config.js

@@ -17,8 +17,8 @@ export default defineConfig({
     video: true,
     defaultCommandTimeout: 25000,
     numTestsKeptInMemory: 10,
-    viewportWidth: 1280,
-    viewportHeight: 720,
+    viewportWidth: 1600,
+    viewportHeight: 1200,
     e2e: {
         retries: {
             runMode: 2,

package/cypress-security.config.js

@@ -1,14 +1,6 @@
 import { defineConfig } from 'cypress';
 import setupPlugins from './plugins/index.js';
 
-const isCoverage = process.env.COVERAGE === 'true';
-
-const loadCodeCoverage = async (on, config) => {
-    const mod = await import('@bahmutov/cypress-code-coverage/plugin');
-    const plugin = ('default' in mod) ? mod.default : mod;
-    plugin(on, config);
-};
-
 export default defineConfig({
     projectId: 'v35btb',
     fixturesFolder: 'fixtures',
@@ -17,8 +9,8 @@ export default defineConfig({
     video: true,
     defaultCommandTimeout: 25000,
     numTestsKeptInMemory: 10,
-    viewportWidth: 1280,
-    viewportHeight: 720,
+    viewportWidth: 1600,
+    viewportHeight: 1200,
     e2e: {
         retries: {
             runMode: 2,
@@ -28,14 +20,11 @@ export default defineConfig({
         // You may want to clean this up later by importing these.
         async setupNodeEvents(on, config) {
             setupPlugins(on, config);
-            if (isCoverage) {
-                await loadCodeCoverage(on, config);
-            }
             return config;
         },
         baseUrl: 'http://localhost:9000',
         specPattern: 'e2e-security/**/*.{js,jsx,ts,tsx}',
-        supportFile: 'support/e2e.js',
+        supportFile: 'support/e2e-security.js',
         reporter: "cypress-multi-reporters",
         reporterOptions: {
             configFile: 'cypress-reporter-config.json'

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

@@ -1,7 +1,7 @@
 import {ImportServerFilesSteps} from "../../steps/import/import-server-files-steps";
 import {ImportSettingsDialogSteps} from "../../steps/import/import-settings-dialog-steps";
 
-describe('Import server files - Operations', {retries: {runMode: 2}}, () => {
+describe('Import server files - Operations', () => {
 
     let repositoryId;
 

package/e2e-flaky/import/import-user-data-batch-operations.spec.js

@@ -14,7 +14,7 @@ const jsonld = JSON.stringify({
     "ab:email": "richard491@hotmail.com"
 });
 
-describe('Import user data: Batch operations', {retries: {runMode: 2}}, () => {
+describe('Import user data: Batch operations', () => {
 
     let repositoryId;
     const testFiles = [

package/e2e-flaky/setup/sparql-template-create.js

@@ -26,12 +26,7 @@ describe('SPARQL create template', () => {
         cy.deleteRepository(secondRepositoryId);
     });
 
-    it('should has error message described that query is invalid', {
-        retries: {
-            runMode: 1,
-            openMode: 0
-        }
-    }, () => {
+    it('should has error message described that query is invalid', () => {
         // When I visit 'Sparql create template' view,
         // and fill  valid template id.
         SparqlCreateUpdateSteps.typeTemplateId('http://test');
@@ -48,12 +43,7 @@ describe('SPARQL create template', () => {
     /**
      * TODO: Fix me. Broken due to migration (Repository selector changed)
      */
-    it.skip('should display confirm dialog I am updating a sparql template and change the repository', {
-        retries: {
-            runMode: 1,
-            openMode: 0
-        }
-    }, () => {
+    it.skip('should display confirm dialog I am updating a sparql template and change the repository', () => {
         // When I visit 'Sparql create template' view,
         // create a SPARQL template
         const templateId = 'http://' + Date.now();
@@ -119,12 +109,7 @@ describe('SPARQL create template', () => {
     /**
      * TODO: Fix me. Broken due to migration (Changes in main menu)
      */
-    it.skip('should confirm me before navigate when query is changed', {
-        retries: {
-            runMode: 1,
-            openMode: 0
-        }
-    }, () => {
+    it.skip('should confirm me before navigate when query is changed', () => {
         // When I visit 'Sparql create template' view,
         // and change the query in ontotext-yasgui editor.
         // When I fill non update query (select for example).

package/e2e-flaky/sparql-editor/actions/execute-update-query.spec.js

@@ -22,12 +22,7 @@ describe('Execute of update query', () => {
         cy.deleteRepository(repositoryId);
     });
 
-    it('should display properly result message info when insert 2 statements', {
-        retries: {
-            runMode: 1,
-            openMode: 0
-        }
-    }, () => {
+    it('should display properly result message info when insert 2 statements', () => {
         // When I execute insert query which adds 2 results
         YasqeSteps.pasteQuery(
             'PREFIX : <http://bedrock/> ' +
@@ -56,12 +51,7 @@ describe('Execute of update query', () => {
         TablePluginSteps.getQueryResultInfo().contains('The number of statements did not change.');
     });
 
-    it('should display result message info which describes that two statements are removed', {
-        retries: {
-            runMode: 1,
-            openMode: 0
-        }
-    }, () => {
+    it('should display result message info which describes that two statements are removed', () => {
         // When I visit a page with "ontotext-yasgui-web-component" in it,
         // and selected repository has some inserted statements.
         YasqeSteps.pasteQuery(

package/e2e-flaky/sparql-editor/actions/share-query.spec.js

@@ -47,13 +47,7 @@ describe('Share query', () => {
         ApplicationSteps.getSuccessNotifications().should('be.visible');
     });
 
-    it('Should be able to open a share link in a new editor tab',
-        {
-            retries: {
-                runMode: 1,
-                openMode: 0
-            }
-        }, () => {
+    it('Should be able to open a share link in a new editor tab',() => {
         // Given I have opened the sparql editor
         YasguiSteps.getTabs().should('have.length', 1);
         // When I get the shareable link for current query

package/e2e-flaky/sparql-editor/yasr/table-plugin.spec.js

@@ -35,12 +35,7 @@ describe.skip('Yasr Table plugin', () => {
             YasrSteps.getCopyResourceLink(28, 2).should('be.visible');
         });
 
-        it('Should be able to copy a link', {
-            retries: {
-                runMode: 1,
-                openMode: 0
-            }
-        }, () => {
+        it('Should be able to copy a link', () => {
             // When I execute a query which returns results of type is uri.
             QueryStubs.stubDefaultQueryResponse();
             YasqeSteps.executeQuery();

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

@@ -28,7 +28,7 @@ describe('Visual graph screen validation', () => {
 
     context('Embedded', () => {
         it('Should not show main manu, header and footer in embedded mode', () => {
-            cy.visit('/graphs-visualizations?uri=http:%2F%2Fwww.w3.org%2FTR%2F2003%2FPR-owl-guide-20031209%2Fwine%23Chardonnay&embedded')
+            cy.visit('/graphs-visualizations?uri=http:%2F%2Fwww.w3.org%2FTR%2F2003%2FPR-owl-guide-20031209%2Fwine%23Chardonnay&embedded');
             VisualGraphSteps.verifyPageLoaded();
             MainMenuSteps.getMainMenu().should('not.exist');
             HomeSteps.getPageFooter().should('not.exist');
@@ -66,12 +66,7 @@ describe('Visual graph screen validation', () => {
             ApplicationSteps.getErrorNotifications().should('be.visible').and('contain', 'Invalid IRI');
         });
 
-        it('Test search for a valid resource', {
-            retries: {
-                openMode: 0,
-                runMode: 1,
-            },
-        }, () => {
+        it('Test search for a valid resource', () => {
             AutocompleteStubs.spyAutocompleteStatus();
             VisualGraphSteps.visit();
             // Verify autocomplete is ON, because sometimes in CI it is OFF and fails when searching for Resource

package/e2e-legacy/graphql/graphql-theme.spec.js

@@ -0,0 +1,73 @@
+import {PlaygroundEditorSteps} from "../../steps/graphql/playground-editor-steps.js";
+import {GraphqlPlaygroundSteps} from "../../steps/graphql/graphql-playground-steps.js";
+
+describe('Graphiql Editor Themes', () => {
+    let repositoryId;
+    const THEME_PERSISTENCE_KEY = 'ls.workbench-settings';
+
+    beforeEach(() => {
+        repositoryId = 'graphiql-editor-themes-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importServerFile(repositoryId, 'swapi-dataset.ttl');
+        cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
+        cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema-planets.yaml', 'swapi-planets');
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('should apply the default theme if theme is not persisted in local store', () => {
+        // GIVEN: I have opened the workbench and no theme is persisted in local storage.
+
+        // WHEN: I visit the GraphQL Playground page
+        GraphqlPlaygroundSteps.visit();
+        // THEN: the default "graphiql" theme class should be applied to the CodeMirror instances.
+        verifyTheme('graphiql');
+    });
+
+    it('should apply the light theme if the light theme is persisted in local store', () => {
+        // GIVEN: I have opened the workbench and the light theme is persisted in local storage.
+        cy.setLocalStorage(THEME_PERSISTENCE_KEY, JSON.stringify({"theme":"default-theme","mode":"light"}));
+
+        // WHEN: I visit the GraphQL Playground page
+        GraphqlPlaygroundSteps.visit();
+        // THEN: the default "graphiql" theme class should be applied to the CodeMirror instances.
+        verifyTheme('graphiql');
+    });
+
+    it('should apply the moxer theme if the dark theme is persisted in local store', () => {
+        // GIVEN: I have opened the workbench and the dark theme is persisted in local storage.
+        cy.setLocalStorage(THEME_PERSISTENCE_KEY, JSON.stringify({"theme":"default-theme","mode":"dark"}));
+
+        /// WHEN: I visit the GraphQL Playground page
+        GraphqlPlaygroundSteps.visit();
+        // THEN: the "moxer" theme class should be applied to the CodeMirror instances.
+        verifyTheme('moxer');
+    });
+
+    it('should not change the theme if the active endpoint is changed', () => {
+        // GIVEN: I have opened the workbench and the dark theme is persisted in local storage.
+        cy.setLocalStorage(THEME_PERSISTENCE_KEY, JSON.stringify({"theme":"default-theme","mode":"dark"}));
+        /// AND: I visit the GraphQL Playground page
+        GraphqlPlaygroundSteps.visit();
+        //the "moxer" theme class should be applied to the CodeMirror instances.
+        verifyTheme('moxer');
+
+        // WHEN: I change the active endpoint
+        GraphqlPlaygroundSteps.selectEndpoint('swapi-planets');
+
+        // THEN: the theme should not change, and the "moxer" theme class should still be applied to the CodeMirror instances.
+        verifyTheme('moxer');
+    });
+
+    const verifyTheme = (theme) => {
+        PlaygroundEditorSteps.getResponseCodeMirror().should('have.class', `cm-s-${theme}`);
+        PlaygroundEditorSteps.getGraphiqlEditorsCodeMirror().should('have.class', `cm-s-${theme}`);
+        PlaygroundEditorSteps.openVariables();
+        PlaygroundEditorSteps.getActiveGraphiqlEditorToolCodeMirror().should('have.class', `cm-s-${theme}`);
+        PlaygroundEditorSteps.openHeaders();
+        PlaygroundEditorSteps.getActiveGraphiqlEditorToolCodeMirror().should('have.class', `cm-s-${theme}`);
+    }
+});

package/e2e-legacy/guides/execute-sparql-query/execute-sparql-query-guide.spec.js

@@ -0,0 +1,92 @@
+import {GuideSteps} from '../../../steps/guides/guide-steps.js';
+import {GuideDialogSteps} from '../../../steps/guides/guide-dialog-steps.js';
+import {MainMenuSteps} from '../../../steps/main-menu-steps.js';
+import {GuidesStubs} from '../../../stubs/guides/guides-stubs.js';
+import SparqlSteps from '../../../steps/sparql-steps.js';
+import {YasqeSteps} from '../../../steps/yasgui/yasqe-steps.js';
+import {YasrSteps} from '../../../steps/yasgui/yasr-steps.js';
+
+describe('Execute SPARQL query guide steps', () => {
+    let repositoryId;
+    const FILE_TO_IMPORT = 'swapi-dataset.ttl';
+
+    beforeEach(() => {
+        repositoryId = 'execute-sparql-query-guide-' + Date.now();
+        GuidesStubs.stubExecuteSparqlQueryGuide();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importServerFile(repositoryId, FILE_TO_IMPORT);
+
+        GuideSteps.visit();
+        GuideSteps.verifyGuidesListExists();
+        cy.wait('@getGuides');
+        GuideSteps.runFirstGuide();
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should execute SPARQL query', () => {
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 1/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the SPARQL Query & Update view to execute queries.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 2/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the SPARQL menu.');
+        MainMenuSteps.clickOnSparqlMenu();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 3/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Enter the following SPARQL query: ');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Extra content for query.');
+        GuideDialogSteps.copyQueryToEditor();
+        YasqeSteps.verifyQueryTyped("PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>\n select * where { \n\t?s rdfs:label ?o .\n} limit 3 ")
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 4/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Run button.');
+        YasqeSteps.forceExecuteQuery();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 5/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The table shows the results from executing the query.');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Extra content for result.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL Query & Update');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Some extra explain content');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL Query & Update');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the rdf:type IRI to explore it.');
+        YasrSteps.clickOnResource(0, 1);
+        cy.url().should('include', '/resource?uri=https:%2F%2Fswapi.co%2Fresource%2Fplanet%2F25');
+        YasrSteps.getResults().should('have.length', 10);
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 1/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the SPARQL Query & Update view to execute queries.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 2/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the SPARQL menu.');
+        MainMenuSteps.clickOnSparqlMenu();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL Query & Update — 3/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Enter the following SPARQL query:');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The query constructs a graph of films and their characters from the Star Wars API.');
+        GuideDialogSteps.copyQueryToEditor();
+        YasqeSteps.verifyQueryTyped("PREFIX voc: <https://swapi.co/vocabulary/>\nPREFIX swapi: <https://swapi.co/resource/>\n\nCONSTRUCT {\n?film swapi:hasCharacter ?person .\n}\nWHERE {\n?film a voc:Film ;\nvoc:character ?person .\n}")
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL Query & Update — 4/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Run button.');
+        YasqeSteps.forceExecuteQuery();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL Query & Update — 5/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Visual button.');
+        SparqlSteps.visualizeConstructQuery();
+        cy.url().should('include', '/graphs-visualizations');
+
+        GuideDialogSteps.clickOnCloseButton();
+        GuideDialogSteps.assertDialogIsClosed();
+    });
+});

package/e2e-legacy/guides/import-rdf-file/confirm-duplicate-rdf-file.spec.js

@@ -0,0 +1,63 @@
+import {GuidesStubs} from "../../../stubs/guides/guides-stubs.js";
+import {GuideSteps} from "../../../steps/guides/guide-steps.js";
+import {GuideDialogSteps} from "../../../steps/guides/guide-dialog-steps.js";
+import ImportSteps from "../../../steps/import/import-steps.js";
+import {ImportUserDataSteps} from "../../../steps/import/import-user-data-steps.js";
+import {ImportSettingsDialogSteps} from "../../../steps/import/import-settings-dialog-steps.js";
+import {MainMenuSteps} from "../../../steps/main-menu-steps.js";
+import {FileOverwriteDialogSteps} from "../../../steps/import/file-overwrite-dialog-steps.js";
+
+describe('Confirm duplicate RDF file', () => {
+    const GUIDE_RESOURCE_FILE = 'starwars.ttl';
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'confirm-duplicate-rdf-file-guide-step-' + Date.now();
+        GuidesStubs.stubConfirmDuplicatedRDFFileGuide();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+
+        GuideSteps.visit();
+        GuideSteps.verifyGuidesListExists();
+        cy.wait('@getGuides');
+        GuideSteps.runFirstGuide()
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should display an additional step that prompts the user to override the already imported file', () => {
+        // GIVEN: I have already uploaded an RDF file with the same name as the guide's rdf file.
+        ImportSteps.selectFile(`fixtures/guides/${GUIDE_RESOURCE_FILE}`);
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import button.');
+        ImportSettingsDialogSteps.import();
+        ImportUserDataSteps.checkImportedResource(0, GUIDE_RESOURCE_FILE);
+
+        // WHEN: I run a guide that includes the Import RDF File step.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 1/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Import view to import data from a file.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 2/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import menu.');
+        MainMenuSteps.clickOnMenuImport();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 3/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Upload RDF files button and choose a file with the name starwars.ttl.');
+        ImportSteps.selectFile(`fixtures/guides/${GUIDE_RESOURCE_FILE}`);
+
+        // THEN: I should see an additional step that prompts me to override the already imported file.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 4/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Yes button to override the existing file.');
+
+        // WHEN: The user confirms the override.
+        FileOverwriteDialogSteps.overwrite();
+
+        // THEN: The guide should continue with the import step.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 5/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import button.');
+        GuideDialogSteps.clickOnNextButton();
+    });
+});

package/e2e-legacy/guides/import-rdf-file/import-rdf-file.spec.js

@@ -0,0 +1,105 @@
+import {GuidesStubs} from "../../../stubs/guides/guides-stubs.js";
+import {GuideSteps} from "../../../steps/guides/guide-steps.js";
+import {GuideDialogSteps} from "../../../steps/guides/guide-dialog-steps.js";
+import ImportSteps from "../../../steps/import/import-steps.js";
+import {ToasterSteps} from "../../../steps/toaster-steps.js";
+import {MainMenuSteps} from "../../../steps/main-menu-steps.js";
+import {ImportSettingsDialogSteps} from "../../../steps/import/import-settings-dialog-steps.js";
+
+describe('Import RDF file', () => {
+    const GUIDE_RESOURCE_FILE = 'starwars.ttl';
+    const WRONG_GUIDE_RESOURCE_FILE = 'movies.ttl';
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'import-rdf-file-guide-step-' + Date.now();
+        GuidesStubs.stubImportRDFFileGuide();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+
+        GuideSteps.visit();
+        GuideSteps.verifyGuidesListExists();
+        cy.wait('@getGuides');
+        GuideSteps.runFirstGuide()
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should import an RDF file (User interaction)', () => {
+        // GIVEN: I start a guide that includes the Import RDF File step.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 1/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Import view to import data from a file.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 2/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import menu.');
+        MainMenuSteps.clickOnMenuImport();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 3/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Upload RDF files button and choose a file with the name starwars.ttl.');
+
+        // WHEN: I try to upload a wrong RDF file.
+        ImportSteps.selectFile(`fixtures/guides/${WRONG_GUIDE_RESOURCE_FILE}`);
+
+        // THEN: An error message should be displayed.
+        ToasterSteps.verifyError(`The uploaded file does not match the expected resource. Please upload ${GUIDE_RESOURCE_FILE}.`)
+        // AND: The guide should still be on the same step.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file');
+        GuideDialogSteps.assertDialogWithContentIsVisible(`Click on the Upload RDF files button and choose a file with the name ${GUIDE_RESOURCE_FILE}.`);
+
+        // WHEN: I upload the correct RDF file.
+        ImportSteps.selectFile(`fixtures/guides/${GUIDE_RESOURCE_FILE}`);
+
+        // THEN: I expect the guide to continue.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 5/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import button.');
+        ImportSettingsDialogSteps.import();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 6/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Wait until import finished.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('End of guide');
+        GuideDialogSteps.assertDialogWithContentIsVisible('This guide has ended.');
+    });
+
+    it('Should import an RDF file (Next flow)', () => {
+        // GIVEN: I start a guide that includes the Import RDF File step.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 1/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Import view to import data from a file.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 2/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import menu.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 3/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Upload RDF files button and choose a file with the name starwars.ttl.');
+
+        // WHEN: I try to continue with the guide without selecting an RDF file.
+        GuideDialogSteps.clickOnNextButton();
+
+        // THEN: An error message should be displayed.
+        ToasterSteps.verifyError(`Upload the file ${GUIDE_RESOURCE_FILE} first`);
+        // AND: The guide should still be on the same step.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file');
+        GuideDialogSteps.assertDialogWithContentIsVisible(`Click on the Upload RDF files button and choose a file with the name ${GUIDE_RESOURCE_FILE}.`);
+
+        // WHEN: I upload the correct RDF file.
+        ImportSteps.selectFile(`fixtures/guides/${GUIDE_RESOURCE_FILE}`);
+
+        // THEN: I expect the guide to continue.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 5/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import button.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 6/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Wait until import finished.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('End of guide');
+        GuideDialogSteps.assertDialogWithContentIsVisible('This guide has ended.');
+    });
+});