inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-06-30 18:15:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-3329] datatable component e2e (#3589)

Browse Source 
* datatable component e2e
minor fix tslint

* fix review
This commit is contained in:
Eugenio Romano 2018-07-12 23:25:27 +01:00 committed by Eugenio Romano
parent f2103b43f2
commit 2f7e0e6cb6
10 changed files with 107 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
demo-shell/src/app/components/datatable/datatable.component.html
View File

@ -1,5 +1,5 @@
<mat-form-field> <mat-form-field>
<input matInput placeholder="Name filter" [(ngModel)]="data.filterValue"> <input id="adf-datatable-filter-input" matInput placeholder="Name filter" [(ngModel)]="data.filterValue">
</mat-form-field> </mat-form-field>
<adf-datatable <adf-datatable

1
e2e/attachment-list-process.e2e.ts
View File

@ -21,7 +21,6 @@ import ProcessFiltersPage = require('./pages/adf/process_services/processFilters
import FileModel = require('./models/ACS/fileModel'); import FileModel = require('./models/ACS/fileModel');
import { AttachmentListPage } from './pages/adf/process_services/attachmentListPage'; import { AttachmentListPage } from './pages/adf/process_services/attachmentListPage';
import TestConfig = require('./test.config'); import TestConfig = require('./test.config');
import resources = require('./util/resources'); import resources = require('./util/resources');

27
e2e/data-table-component-selection.e2e.ts → e2e/datatable/data-table-component-selection.e2e.ts
View File

@ -15,11 +15,11 @@
* limitations under the License. * limitations under the License.
*/ */
import LoginPage = require('./pages/adf/loginPage'); import LoginPage = require('../pages/adf/loginPage');
import DataTablePage = require('./pages/adf/dataTablePage'); import DataTablePage = require('../pages/adf/dataTablePage');
import TestConfig = require('./test.config'); import TestConfig = require('../test.config');
import AcsUserModel = require('./models/ACS/acsUserModel'); import AcsUserModel = require('../models/ACS/acsUserModel');
import AlfrescoApi = require('alfresco-js-api-node'); import AlfrescoApi = require('alfresco-js-api-node');
describe('Datatable component - selection', () => { describe('Datatable component - selection', () => {
@ -45,15 +45,15 @@ describe('Datatable component - selection', () => {
done(); done();
}); });
it('1. Data Table Selection Modes', () => { it('[C213258] Should be possible change the selection modes when change the selectionMode property', () => {
dataTablePage.selectRow('2'); dataTablePage.selectRow('2');
dataTablePage.checkRowIsSelected('2'); dataTablePage.checkRowIsSelected('2');
dataTablePage.getNumberOfSelectedRows().then(function (result) { dataTablePage.getNumberOfSelectedRows().then((result) => {
expect(result).toEqual(1); expect(result).toEqual(1);
}); });
dataTablePage.selectRow('3'); dataTablePage.selectRow('3');
dataTablePage.checkRowIsSelected('3'); dataTablePage.checkRowIsSelected('3');
dataTablePage.getNumberOfSelectedRows().then(function (result) { dataTablePage.getNumberOfSelectedRows().then((result) => {
expect(result).toEqual(1); expect(result).toEqual(1);
}); });
dataTablePage.selectSelectionMode('Multiple'); dataTablePage.selectSelectionMode('Multiple');
@ -69,7 +69,7 @@ describe('Datatable component - selection', () => {
dataTablePage.checkNoRowIsSelected(); dataTablePage.checkNoRowIsSelected();
}); });
it('2. Data Table allows the multiselection of rows', () => { it('[C260059] Should be possible select multiple row when multiselect is true', () => {
dataTablePage.clickMultiSelect(); dataTablePage.clickMultiSelect();
dataTablePage.clickCheckbox('1'); dataTablePage.clickCheckbox('1');
dataTablePage.checkRowIsChecked('1'); dataTablePage.checkRowIsChecked('1');
@ -82,11 +82,20 @@ describe('Datatable component - selection', () => {
dataTablePage.checkRowIsChecked('1'); dataTablePage.checkRowIsChecked('1');
}); });
it('3. Can select all in data table', () => { it('[C260058] Should be possible select all the rows when multiselect is true', () => {
dataTablePage.checkAllRows(); dataTablePage.checkAllRows();
dataTablePage.checkRowIsChecked('1'); dataTablePage.checkRowIsChecked('1');
dataTablePage.checkRowIsChecked('2'); dataTablePage.checkRowIsChecked('2');
dataTablePage.checkRowIsChecked('3'); dataTablePage.checkRowIsChecked('3');
dataTablePage.checkRowIsChecked('4'); dataTablePage.checkRowIsChecked('4');
}); });
it('[C277262] Should be possible reset the selected row when click on the reset button', () => {
dataTablePage.checkRowIsChecked('1');
dataTablePage.checkRowIsChecked('2');
dataTablePage.checkRowIsChecked('3');
dataTablePage.checkRowIsChecked('4');
dataTablePage.clickReset();
dataTablePage.checkNoRowIsSelected();
});
}); });

24
e2e/data-table-component.e2e.ts → e2e/datatable/data-table-component.e2e.ts
View File

@ -15,10 +15,10 @@
* limitations under the License. * limitations under the License.
*/ */
import LoginPage = require('./pages/adf/loginPage.js'); import LoginPage = require('../pages/adf/loginPage.js');
import DataTablePage = require('./pages/adf/dataTablePage.js'); import DataTablePage = require('../pages/adf/dataTablePage.js');
import AcsUserModel = require('./models/ACS/acsUserModel.js'); import AcsUserModel = require('../models/ACS/acsUserModel.js');
import TestConfig = require('./test.config.js'); import TestConfig = require('../test.config.js');
import AlfrescoApi = require('alfresco-js-api-node'); import AlfrescoApi = require('alfresco-js-api-node');
@ -45,8 +45,8 @@ describe('Datatable component', () => {
done(); done();
}); });
it('1. DataTable allows extra rows to be added', () => { it('[C91314] Should be possible add new row to the table', () => {
dataTablePage.getNumberOfRows().then(function (result) { dataTablePage.getNumberOfRows().then((result) => {
dataTablePage.addRow(); dataTablePage.addRow();
expect(dataTablePage.getNumberOfRows()).toEqual(result + 1); expect(dataTablePage.getNumberOfRows()).toEqual(result + 1);
dataTablePage.addRow(); dataTablePage.addRow();
@ -54,12 +54,20 @@ describe('Datatable component', () => {
}); });
}); });
it('2. Data Table can replace rows', () => { it('[C260039] Should be possible replace rows', () => {
dataTablePage.replaceRows(1); dataTablePage.replaceRows(1);
}); });
it('3. Data Table can replace columns', () => { it('[C260041] Should be possible replace columns', () => {
dataTablePage.replaceColumns(); dataTablePage.replaceColumns();
}); });
it('[C277314] Should filter the table rows when the input filter is passed', () => {
expect(dataTablePage.getNumberOfRows()).toEqual(5);
dataTablePage.insertFilter('Name');
expect(dataTablePage.getNumberOfRows()).toEqual(4);
dataTablePage.insertFilter('I');
expect(dataTablePage.getNumberOfRows()).toEqual(2);
});
}); });

118
e2e/pages/adf/dataTablePage.js
View File

@ -30,6 +30,7 @@ var DataTablePage = function () {
var list = element.all(by.css("div[class*=adf-datatable-row]")); var list = element.all(by.css("div[class*=adf-datatable-row]"));
var addRow = element(by.xpath("//span[contains(text(),'Add row')]/..")); var addRow = element(by.xpath("//span[contains(text(),'Add row')]/.."));
var replaceRows = element(by.xpath("//span[contains(text(),'Replace rows')]/..")); var replaceRows = element(by.xpath("//span[contains(text(),'Replace rows')]/.."));
var reset = element(by.xpath("//span[contains(text(),'Reset to default')]/.."));
var replaceColumns = element(by.xpath("//span[contains(text(),'Replace columns')]/..")); var replaceColumns = element(by.xpath("//span[contains(text(),'Replace columns')]/.."));
var loadNode = element(by.xpath("//span[contains(text(),'Load Node')]/..")); var loadNode = element(by.xpath("//span[contains(text(),'Load Node')]/.."));
var createdOnColumn = element(by.css("div[data-automation-id='auto_id_createdOn']")); var createdOnColumn = element(by.css("div[data-automation-id='auto_id_createdOn']"));
@ -47,8 +48,8 @@ var DataTablePage = function () {
* @param rowNumber * @param rowNumber
*/ */
this.getRowByRowNumber = function (rowNumber) { this.getRowByRowNumber = function (rowNumber) {
Util.waitUntilElementIsVisible(element(by.css("div[data-automation-id='text_" + rowNumber +"']"))); Util.waitUntilElementIsVisible(element(by.css("div[data-automation-id='text_" + rowNumber + "']")));
return element(by.css("div[data-automation-id='text_" + rowNumber +"']")); return element(by.css("div[data-automation-id='text_" + rowNumber + "']"));
}; };
/** /**
@ -61,19 +62,26 @@ var DataTablePage = function () {
}; };
/** /**
* Click multiselect option * Click multiselect option
* @property clickMultiSelect * */
* */
this.clickMultiSelect = function () { this.clickMultiSelect = function () {
Util.waitUntilElementIsVisible(multiSelect); Util.waitUntilElementIsVisible(multiSelect);
multiSelect.click(); multiSelect.click();
}; };
/** /**
* Click specific checkbox in row * Click reset option
* @method clickCheckbox * */
* @param {String} row number this.clickReset = function () {
*/ Util.waitUntilElementIsVisible(reset);
reset.click();
};
/**
* Click specific checkbox in row
* @method clickCheckbox
* @param {String} row number
*/
this.clickCheckbox = function (rowNumber) { this.clickCheckbox = function (rowNumber) {
var checkbox = this.getRowByRowNumber(rowNumber).element(by.xpath("ancestor::div[contains(@class, 'adf-datatable-row')]//mat-checkbox/label")); var checkbox = this.getRowByRowNumber(rowNumber).element(by.xpath("ancestor::div[contains(@class, 'adf-datatable-row')]//mat-checkbox/label"));
Util.waitUntilElementIsVisible(checkbox); Util.waitUntilElementIsVisible(checkbox);
@ -81,29 +89,29 @@ var DataTablePage = function () {
}; };
/** /**
* Select a specific row * Select a specific row
* @method selectRow * @method selectRow
* @param {String} row number * @param {String} row number
*/ */
this.selectRow = function (rowNumber) { this.selectRow = function (rowNumber) {
return this.getRowByRowNumber(rowNumber).click(); return this.getRowByRowNumber(rowNumber).click();
}; };
/** /**
* Select a specific row using command key * Select a specific row using command key
* @method selectRow * @method selectRow
* @param {String} row number * @param {String} row number
*/ */
this.selectRowWithKeyboard = function (rowNumber) { this.selectRowWithKeyboard = function (rowNumber) {
var row = this.getRowByRowNumber(rowNumber); var row = this.getRowByRowNumber(rowNumber);
browser.actions().sendKeys(protractor.Key.COMMAND).click(row).perform(); browser.actions().sendKeys(protractor.Key.COMMAND).click(row).perform();
}; };
/** /**
* Select a specific selection mode * Select a specific selection mode
* @method selectSelectionMode * @method selectSelectionMode
* @param {String} selection mode * @param {String} selection mode
*/ */
this.selectSelectionMode = function (selectionMode) { this.selectSelectionMode = function (selectionMode) {
var selectMode = element(by.cssContainingText("span[class='mat-option-text']", selectionMode)); var selectMode = element(by.cssContainingText("span[class='mat-option-text']", selectionMode));
selectionButton.click(); selectionButton.click();
@ -112,29 +120,29 @@ var DataTablePage = function () {
}; };
/** /**
* Check if a specific row is selected * Check if a specific row is selected
* @method checkRowIsSelected * @method checkRowIsSelected
* @param {String} row number * @param {String} row number
*/ */
this.checkRowIsSelected = function (rowNumber) { this.checkRowIsSelected = function (rowNumber) {
var isRowSelected = this.getRowByRowNumber(rowNumber).element(by.xpath("ancestor::div[contains(@class, 'is-selected')]")); var isRowSelected = this.getRowByRowNumber(rowNumber).element(by.xpath("ancestor::div[contains(@class, 'is-selected')]"));
Util.waitUntilElementIsVisible(isRowSelected); Util.waitUntilElementIsVisible(isRowSelected);
}; };
/** /**
* Check if a specific row is not selected * Check if a specific row is not selected
* @method checkRowIsNotSelected * @method checkRowIsNotSelected
* @param {String} row number * @param {String} row number
*/ */
this.checkRowIsNotSelected = function (rowNumber) { this.checkRowIsNotSelected = function (rowNumber) {
var isRowSelected = this.getRowByRowNumber(rowNumber).element(by.xpath("ancestor::div[contains(@class, 'adf-datatable-row custom-row-style ng-star-inserted is-selected')]")); var isRowSelected = this.getRowByRowNumber(rowNumber).element(by.xpath("ancestor::div[contains(@class, 'adf-datatable-row custom-row-style ng-star-inserted is-selected')]"));
Util.waitUntilElementIsNotOnPage(isRowSelected); Util.waitUntilElementIsNotOnPage(isRowSelected);
}; };
/** /**
* Check no row is selected * Check no row is selected
* @method checkNoRowIsSelected * @method checkNoRowIsSelected
*/ */
this.checkNoRowIsSelected = function () { this.checkNoRowIsSelected = function () {
Util.waitUntilElementIsNotOnPage(selectedRowNumber); Util.waitUntilElementIsNotOnPage(selectedRowNumber);
}; };
@ -145,19 +153,19 @@ var DataTablePage = function () {
}; };
/** /**
* Check specfic row is checked * Check specfic row is checked
* @method checkRowIsChecked * @method checkRowIsChecked
* @param {String} row number * @param {String} row number
*/ */
this.checkRowIsChecked = function (rowNumber) { this.checkRowIsChecked = function (rowNumber) {
Util.waitUntilElementIsVisible(this.getRowCheckbox(rowNumber)); Util.waitUntilElementIsVisible(this.getRowCheckbox(rowNumber));
}; };
/** /**
* Check specfic row is not checked * Check specfic row is not checked
* @method checkRowIsNotChecked * @method checkRowIsNotChecked
* @param {String} row number * @param {String} row number
*/ */
this.checkRowIsNotChecked = function (rowNumber) { this.checkRowIsNotChecked = function (rowNumber) {
Util.waitUntilElementIsNotOnPage(this.getRowCheckbox(rowNumber)); Util.waitUntilElementIsNotOnPage(this.getRowCheckbox(rowNumber));
}; };
@ -188,10 +196,10 @@ var DataTablePage = function () {
}; };
/** /**
* replace rows * replace rows
* @method replaceRows * @method replaceRows
* @param {String} id * @param {String} id
*/ */
this.replaceRows = function (id) { this.replaceRows = function (id) {
var rowID = this.getRowByRowNumber(id); var rowID = this.getRowByRowNumber(id);
Util.waitUntilElementIsVisible(rowID); Util.waitUntilElementIsVisible(rowID);
@ -200,9 +208,9 @@ var DataTablePage = function () {
}; };
/** /**
* replace columns * replace columns
* @method replaceColumns * @method replaceColumns
*/ */
this.replaceColumns = function () { this.replaceColumns = function () {
Util.waitUntilElementIsVisible(replaceColumns); Util.waitUntilElementIsVisible(replaceColumns);
replaceColumns.click(); replaceColumns.click();
@ -210,9 +218,9 @@ var DataTablePage = function () {
}; };
/** /**
* check the nodeID is the same with the userHome folder's ID * check the nodeID is the same with the userHome folder's ID
* @method replaceColumns * @method replaceColumns
*/ */
this.checkLoadNode = function (userHome) { this.checkLoadNode = function (userHome) {
var nodeId = element(by.css("div[data-automation-id*='" + userHome + "']")); var nodeId = element(by.css("div[data-automation-id*='" + userHome + "']"));
@ -221,7 +229,7 @@ var DataTablePage = function () {
Util.waitUntilElementIsVisible(nodeId, 10000); Util.waitUntilElementIsVisible(nodeId, 10000);
}; };
this.navigateToContent = function(content) { this.navigateToContent = function (content) {
var row = this.getRowByRowName(content); var row = this.getRowByRowName(content);
Util.waitUntilElementIsPresent(row); Util.waitUntilElementIsPresent(row);
row.click(); row.click();
@ -242,9 +250,15 @@ var DataTablePage = function () {
return this.getRowsName(content).element(rowByRowName); return this.getRowsName(content).element(rowByRowName);
}; };
this.waitForTableBody = function (){ this.waitForTableBody = function () {
Util.waitUntilElementIsVisible(tableBody); Util.waitUntilElementIsVisible(tableBody);
}; };
this.insertFilter = function (filterText) {
var inputFilter = element(by.xpath("//*[@id=\"adf-datatable-filter-input\"]"));
inputFilter.clear();
return inputFilter.sendKeys(filterText);
};
}; };
module.exports = DataTablePage; module.exports = DataTablePage;

4
e2e/process_attachmentList_actionMenu.e2e.ts
View File

@ -31,8 +31,8 @@ import Util = require('./util/util.js');
import path = require('path'); import path = require('path');
import AlfrescoApi = require('alfresco-js-api-node'); import AlfrescoApi = require('alfresco-js-api-node');
import {UsersActions} from './actions/users.actions'; import { UsersActions } from './actions/users.actions';
import {AppsActions} from './actions/APS/apps.actions'; import { AppsActions } from './actions/APS/apps.actions';
import FileModel = require('./models/ACS/fileModel'); import FileModel = require('./models/ACS/fileModel');
describe('Attachment list action menu for processes', () => { describe('Attachment list action menu for processes', () => {

2
e2e/start_process_component.e2e.ts
View File

@ -26,7 +26,7 @@ import StartProcessPage = require('./pages/adf/process_services/startProcessPage
import ProcessFiltersPage = require('./pages/adf/process_services/processFiltersPage'); import ProcessFiltersPage = require('./pages/adf/process_services/processFiltersPage');
import AppNavigationBarPage = require('./pages/adf/process_services/appNavigationBarPage'); import AppNavigationBarPage = require('./pages/adf/process_services/appNavigationBarPage');
import ProcessDetailsPage = require('./pages/adf/process_services/processDetailsPage'); import ProcessDetailsPage = require('./pages/adf/process_services/processDetailsPage');
import {AttachmentListPage} from './pages/adf/process_services/attachmentListPage'; import { AttachmentListPage } from './pages/adf/process_services/attachmentListPage';
import User = require('./models/APS/User'); import User = require('./models/APS/User');
import AppPublish = require('./models/APS/AppPublish'); import AppPublish = require('./models/APS/AppPublish');

2
e2e/start_task_custom_app.e2e.ts
View File

@ -18,7 +18,7 @@
import LoginPage = require('./pages/adf/loginPage'); import LoginPage = require('./pages/adf/loginPage');
import ProcessServicesPage = require('./pages/adf/process_services/processServicesPage'); import ProcessServicesPage = require('./pages/adf/process_services/processServicesPage');
import TasksPage = require('./pages/adf/process_services/tasksPage'); import TasksPage = require('./pages/adf/process_services/tasksPage');
import {AttachmentListPage} from './pages/adf/process_services/attachmentListPage'; import { AttachmentListPage } from './pages/adf/process_services/attachmentListPage';
import CONSTANTS = require('./util/constants'); import CONSTANTS = require('./util/constants');
import Task = require('./models/APS/Task'); import Task = require('./models/APS/Task');

2
e2e/start_task_task_app.e2e.ts
View File

@ -18,7 +18,7 @@
import LoginPage = require('./pages/adf/loginPage'); import LoginPage = require('./pages/adf/loginPage');
import ProcessServicesPage = require('./pages/adf/process_services/processServicesPage'); import ProcessServicesPage = require('./pages/adf/process_services/processServicesPage');
import TasksPage = require('./pages/adf/process_services/tasksPage'); import TasksPage = require('./pages/adf/process_services/tasksPage');
import {AttachmentListPage} from './pages/adf/process_services/attachmentListPage'; import { AttachmentListPage } from './pages/adf/process_services/attachmentListPage';
import CONSTANTS = require('./util/constants'); import CONSTANTS = require('./util/constants');

3
e2e/tag_component.e2e.ts
View File

@ -124,14 +124,13 @@ describe('Tag component', () => {
tagPage.checkTagIsDisplayedInTagList(digitsTag); tagPage.checkTagIsDisplayedInTagList(digitsTag);
tagPage.checkTagIsDisplayedInTagListByNodeId(digitsTag); tagPage.checkTagIsDisplayedInTagListByNodeId(digitsTag);
tagPage.insertNodeId(pdfFileModel.id) tagPage.insertNodeId(pdfFileModel.id);
tagPage.addTag(nonLatinTag); tagPage.addTag(nonLatinTag);
tagPage.checkTagIsDisplayedInTagList(nonLatinTag); tagPage.checkTagIsDisplayedInTagList(nonLatinTag);
tagPage.checkTagIsDisplayedInTagListByNodeId(nonLatinTag); tagPage.checkTagIsDisplayedInTagListByNodeId(nonLatinTag);
}); });
it('[C260375] Delete tag', () => { it('[C260375] Delete tag', () => {
let deleteTag = Util.generateRandomStringToUpperCase(); let deleteTag = Util.generateRandomStringToUpperCase();