graphdb-workbench-tests 4.0.0-TR7 → 4.0.0-TR9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphdb-workbench-tests",
-  "version": "4.0.0-TR7",
+  "version": "4.0.0-TR9",
   "description": "Cypress tests for GraphDB workbench",
   "type": "module",
   "scripts": {
@@ -57,5 +57,14 @@
     "minimist": "^1.2.8",
     "mocha-junit-reporter": "^2.2.1",
     "path-browserify": "^1.0.1"
+  },
+  "overrides": {
+    "js-yaml@^3": "^3.15.2",
+    "istanbul-lib-processinfo": {
+      "uuid": "^11.1.1"
+    },
+    "@actions/http-client": {
+      "undici": "^6.29.0"
+    }
   }
 }

package/steps/base-steps.js

@@ -26,4 +26,8 @@ export class BaseSteps {
   static validateUrl(url) {
     this.getUrl().should('include', url);
   }
+
+  static buildTestIdAttr(testId) {
+    return `[data-test="${testId}"]`;
+  }
 }

package/steps/explore/graphs-overview-steps.js

@@ -86,6 +86,50 @@ export class GraphsOverviewSteps {
         return this.getGraphsOverviewComponent().find('.search-graphs');
     }
 
+    static getGraphsSearchLabel() {
+        return this.getGraphsOverviewComponent().find('label[for="search-graphs"]');
+    }
+
+    static getResultsHeader() {
+        return this.getResultsElement().find('thead');
+    }
+
+    static getSelectAllGraphsCheckbox() {
+        return this.getResultsHeader().find('.select-all-graphs-checkbox');
+    }
+
+    static getExportSelectedGraphsButton() {
+        return this.getResultsHeader().find('.export-selected-graphs-btn');
+    }
+
+    static getDeleteSelectedGraphsButton() {
+        return this.getResultsHeader().find('.delete-selected-graphs-btn');
+    }
+
+    static getActionsColumnHeader() {
+        return this.getResultsHeader().find('#actionsColumn');
+    }
+
+    static getGraphRow(graphName) {
+        return this.getResultsElement().find(`tbody a[title="${graphName}"]`).closest('tr');
+    }
+
+    static getDefaultGraphRow() {
+        return cy.getByTestId('graph-is-not-shaql').contains('The default graph').closest('tr');
+    }
+
+    static getSelectGraphCheckbox(graphName) {
+        return this.getGraphRow(graphName).find('.select-graph-checkbox');
+    }
+
+    static getExportGraphButton(graphName) {
+        return this.getGraphRow(graphName).find('.export-graph');
+    }
+
+    static getDeleteGraphButton(graphName) {
+        return this.getGraphRow(graphName).find('.delete-graph-btn');
+    }
+
     static getGraphsPaginator() {
         return this.getGraphsOverviewComponent().find('.graphs-overview-paginator');
     }

package/steps/import/import-steps.js

@@ -84,6 +84,10 @@ class ImportSteps {
         return this.getResourcesTable().find('#fileQuery');
     }
 
+    static getFilterFieldLabel() {
+        return this.getResourcesTable().find('label[for="fileQuery"]');
+    }
+
     static typeInFilterField(query) {
         return this.getFilterField().type(query);
     }
@@ -140,9 +144,13 @@ class ImportSteps {
         return this.getImportUserDataHelp().find('.copy-btn').click();
     }
 
+    static getHelpToggleButton() {
+        return this.getView().find('.toggle-help-btn');
+    }
+
     static toggleHelpMessage() {
         // For some reason the page info box opens unexpectedly and covers the help info icon.
-        this.getView().find('.toggle-help-btn').click({force: true});
+        this.getHelpToggleButton().click({force: true});
     }
 
     static closeHelpMessage() {
@@ -186,12 +194,32 @@ class ImportSteps {
         this.getResourceTitleRow(index).find('.select-checkbox').click();
     }
 
+    static getResourceSelectCheckbox(name) {
+        return this.getResourceByName(name).find('.select-checkbox');
+    }
+
+    static getResourceImportButton(name) {
+        return this.getResourceByName(name).find('.import-resource-action-import-btn');
+    }
+
+    static getResourceRemoveButton(name) {
+        return this.getResourceByName(name).find('.import-resource-action-remove-btn');
+    }
+
+    static getResourceResetButton(name) {
+        return this.getResourceByName(name).find('.import-resource-action-reset-btn');
+    }
+
+    static getResourceContextLink(name) {
+        return this.getResourceByName(name).find('.uri-link');
+    }
+
     static selectFileByName(name) {
-        this.getResourceByName(name).find('.select-checkbox').click();
+        this.getResourceSelectCheckbox(name).click();
     }
 
     static deselectFileByName(name) {
-        this.getResourceByName(name).find('.select-checkbox').click();
+        this.getResourceSelectCheckbox(name).click();
     }
 
     static getResourceStatus(name) {
@@ -233,6 +261,10 @@ class ImportSteps {
         return this.getResourcesTable().find('.import-resource-status-dropdown');
     }
 
+    static getStatusSelectMenuToggle() {
+        return this.getStatusSelectMenu().find('.dropdown-toggle');
+    }
+
     static openStatusSelectMenu() {
         return this.getStatusSelectMenu().click().find('.dropdown-menu .dropdown-item');
     }
@@ -291,7 +323,7 @@ class ImportSteps {
     }
 
     static importResourceByName(name) {
-        this.getResourceByName(name).find('.import-resource-action-import-btn').click();
+        this.getResourceImportButton(name).click();
     }
 
     static resetFileStatus(index) {
@@ -299,7 +331,7 @@ class ImportSteps {
     }
 
     static resetResourceStatusByName(name) {
-        this.getResourceByName(name).find('.import-resource-action-reset-btn').click();
+        this.getResourceResetButton(name).click();
     }
 
     static getServerFilesTable() {
@@ -312,7 +344,8 @@ class ImportSteps {
 
     static selectFile(files) {
         cy.wait(1000)
-        cy.get('#wb-import-uploadFile label').selectFile(files, { force: true });
+        // The file input is created by ng-file-upload and appended to the body.
+        cy.get('#ngf-wb-import-uploadFile').selectFile(files, { force: true });
     }
 
     static uploadFile(filePath) {

package/steps/page-restrictions-steps.js

@@ -0,0 +1,24 @@
+import {BaseSteps} from "./base-steps.js";
+
+/**
+ * Steps for the restriction block (`app-page-restrictions`) that the new workbench shows instead of a
+ * page's content when the page is restricted. For its repository picker see {@link RepositoryPickerListSteps}.
+ */
+export class PageRestrictionsSteps extends BaseSteps {
+
+    static getRestrictions() {
+        return this.getByTestId('page-restrictions');
+    }
+
+    static getMessages() {
+        return this.getRestrictions().find(this.buildTestIdAttr('page-restriction-message'));
+    }
+
+    static getInternalLink() {
+        return this.getMessages().find(this.buildTestIdAttr('restriction-internal-link'));
+    }
+
+    static getMessage(text) {
+        return this.getMessages().contains(text);
+    }
+}

package/steps/reactodia-steps.js

@@ -39,4 +39,78 @@ export class ReactodiaSteps extends BaseSteps {
     static getElement(text) {
         return ReactodiaSteps.getCanvas().find(`[data-element-id]`).contains(text).first();
     }
+
+    static getSettingsButton() {
+        return cy.get('[data-test="reactodia-settings-btn"]');
+    }
+
+    static openSettings() {
+        ReactodiaSteps.getSettingsButton().click();
+    }
+
+    static closeSettings() {
+        ReactodiaSteps.getCanvas().click('bottomLeft');
+    }
+
+    static getSettingsPopover() {
+        return cy.get('[data-test="reactodia-settings-popover"]');
+    }
+
+    static getSettingsFileInput() {
+        return this.getByTestId('reactodia-settings-upload').find('.p-fileupload-choose-button input[type=file]');
+    }
+
+    static selectSettingsFile(fileName = 'settings.ttl', contents = '@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .') {
+        // PrimeNG hides the file input (display: none), so force is needed to select a file on it.
+        this.getSettingsFileInput()
+            .selectFile({contents: Cypress.Buffer.from(contents), fileName, mimeType: 'text/turtle'}, {force: true});
+    }
+
+    static getSelectedSettingsFile(fileName = 'settings.ttl') {
+        return ReactodiaSteps.getSettingsPopover().contains(fileName);
+    }
+
+    static getUploadButton() {
+        return ReactodiaSteps.getSettingsPopover().find('.p-fileupload-upload-button');
+    }
+
+    static clickUpload() {
+        ReactodiaSteps.getUploadButton().click();
+    }
+
+    static clickCancelFile() {
+        ReactodiaSteps.getSettingsPopover().find('.p-fileupload-cancel-button').click();
+    }
+
+    static getBrowseButton() {
+        return ReactodiaSteps.getSettingsPopover().find('.p-fileupload-choose-button');
+    }
+
+    static clickExport() {
+        cy.get('[data-test="reactodia-settings-export-btn"] button').click();
+    }
+
+    static getResetButton() {
+        return cy.get('[data-test="reactodia-settings-reset-btn"] button');
+    }
+
+    static clickReset() {
+        ReactodiaSteps.getResetButton().click();
+    }
+
+    static getConfirmDialog() {
+        return cy.get('.modal-dialog');
+    }
+
+    static confirmDialog() {
+        ReactodiaSteps.getConfirmDialog().find('.confirm-btn').click();
+    }
+
+    static cancelDialog() {
+        ReactodiaSteps.getConfirmDialog().find('.cancel-btn').click();
+    }
+
+    static verifyFileDownloaded(fileName) {
+        cy.readFile('cypress/downloads/' + fileName);
+    }
 }

package/steps/repository-picker-list-steps.js

@@ -0,0 +1,40 @@
+import {BaseSteps} from "./base-steps.js";
+
+/**
+ * Steps for the repository picker list (`app-repository-picker-list`) of the new workbench, which lists the
+ * repositories the user can select and, when allowed, offers the creation of a new one.
+ */
+export class RepositoryPickerListSteps extends BaseSteps {
+
+    static getRepositoryPickerList() {
+        return this.getByTestId('repository-picker-list');
+    }
+
+    static getRepositoryRows() {
+        return this.getRepositoryPickerList().find(this.buildTestIdAttr('repository-picker-row'));
+    }
+
+    static getRepositoryRow(repositoryId) {
+        return this.getRepositoryRows()
+            .contains(this.buildTestIdAttr('repository-picker-repository-id'), repositoryId)
+            .parents(this.buildTestIdAttr('repository-picker-row'));
+    }
+
+    static getRepositorySelectButton(repositoryId) {
+        return this.getRepositoryRow(repositoryId).find(this.buildTestIdAttr('repository-picker-select-btn'));
+    }
+
+    static selectRepository(repositoryId) {
+        // The select button is shown only while the row is hovered.
+        this.getRepositoryRow(repositoryId).realHover();
+        this.getRepositorySelectButton(repositoryId).click();
+    }
+
+    static getCreateRepositoryButton() {
+        return this.getRepositoryPickerList().find(this.buildTestIdAttr('repository-picker-create-btn'));
+    }
+
+    static clickCreateRepositoryButton() {
+        this.getCreateRepositoryButton().click();
+    }
+}

package/steps/repository-steps.js

@@ -20,6 +20,10 @@ export class RepositorySteps extends BaseSteps {
         cy.visit(`repository/edit/${repositoryId}?location=`);
     }
 
+    static verifyRepositoryCreateViewUrl() {
+        return cy.url().should('include', '/repository/create');
+    }
+
     static getRepositoryPage() {
         return cy.get('#wb-repository');
     }

package/steps/setup/settings-steps.js

@@ -29,6 +29,10 @@ export class SettingsSteps {
         return this.getSettingsPage().find('.login-credentials')
     }
 
+    static getUsernameLabel() {
+        return this.getLoginPanel().find('label[for="wb-user-username"]');
+    }
+
     static getPasswordField() {
         return this.getLoginPanel().find('#wb-user-password:password');
     }
@@ -62,6 +66,24 @@ export class SettingsSteps {
         return this.getSparqlEditorPanel().find('.inference-label');
     }
 
+    static getSchemaToggle() {
+        return this.getSparqlEditorPanel()
+            .find('#schema-on')
+            .find('.switch:checkbox');
+    }
+
+    static getSameAsToggleLabel() {
+        return this.getSparqlEditorPanel().find('label[for="sameAsCheck"]');
+    }
+
+    static getInferenceToggleLabel() {
+        return this.getSparqlEditorPanel().find('label[for="inferenceCheck"]');
+    }
+
+    static getSchemaToggleLabel() {
+        return this.getSparqlEditorPanel().find('label[for="schemaCheck"]');
+    }
+
     static getCountCheckbox() {
         return this.getSparqlEditorPanel().find('#defaultCount:checkbox');
     }
@@ -94,6 +116,26 @@ export class SettingsSteps {
         return this.getSettingsPage().find('.user-repositories .table');
     }
 
+    static getAnyRepositoryRow() {
+        return this.getUserRepositoryTable().find('.any-repo');
+    }
+
+    static getAnyRepositoryReadCheckbox() {
+        return this.getAnyRepositoryRow().find('.read:checkbox');
+    }
+
+    static getAnyRepositoryWriteCheckbox() {
+        return this.getAnyRepositoryRow().find('.write:checkbox');
+    }
+
+    static getAnyRepositoryMaintainCheckbox() {
+        return this.getAnyRepositoryRow().find('.maintain-repository:checkbox');
+    }
+
+    static getAnyRepositoryGraphqlCheckbox() {
+        return this.getAnyRepositoryRow().find('.graphql:checkbox');
+    }
+
     static getRepositoryRightsRows() {
         return this.getUserRepositoryTable().getByTestId('repository-rights-rows');
     }