inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-09 18:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-4390]Added copyContent datatable cell tests (#4614)

Browse Source 
* Modified data-table page on demo-shell to make copyClipboard possible to test

* Add a new page in demo-shell.
Add copyContent automated tests.
This commit is contained in:
cristinaj
2019-04-17 12:10:36 +02:00
committed by Eugenio Romano
parent 550c0006c9
commit bcdfcee397
11 changed files with 421 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
e2e/core/datatable/data-table-component.e2e.ts
+118 -22
View File
@@ -23,14 +23,17 @@ import TestConfig = require('../../test.config');
import { AlfrescoApiCompatibility as AlfrescoApi } from '@alfresco/js-api';
import { NavigationBarPage } from '../../pages/adf/navigationBarPage';
import { NotificationPage } from '../../pages/adf/notificationPage';
describe('Datatable component', () => {
const dataTablePage = new DataTablePage();
const dataTablePage = new DataTablePage('defaultTable');
const copyContentDataTablePage = new DataTablePage('copyClipboardDataTable');
const loginPage = new LoginPage();
const acsUser = new AcsUserModel();
const navigationBarPage = new NavigationBarPage();
const dataTableComponent = new DataTableComponentPage();
const notificationPage = new NotificationPage();
beforeAll(async (done) => {
this.alfrescoJsApi = new AlfrescoApi({
@@ -44,34 +47,127 @@ describe('Datatable component', () => {
loginPage.loginToContentServicesUsingUserModel(acsUser);
navigationBarPage.navigateToDatatable();
done();
});
it('[C91314] Should be possible add new row to the table', () => {
dataTableComponent.numberOfRows().then((result) => {
dataTablePage.addRow();
expect(dataTableComponent.numberOfRows()).toEqual(result + 1);
dataTablePage.addRow();
expect(dataTableComponent.numberOfRows()).toEqual(result + 2);
describe('Datatable component', () => {
beforeAll(async (done) => {
navigationBarPage.navigateToDatatable();
done();
});
beforeEach(async (done) => {
dataTablePage.clickReset();
done();
});
it('[C91314] Should be possible add new row to the table', () => {
dataTableComponent.numberOfRows().then((result) => {
dataTablePage.addRow();
expect(dataTableComponent.numberOfRows()).toEqual(result + 1);
dataTablePage.addRow();
expect(dataTableComponent.numberOfRows()).toEqual(result + 2);
});
});
it('[C260039] Should be possible replace rows', () => {
dataTablePage.replaceRows(1);
});
it('[C260041] Should be possible replace columns', () => {
dataTablePage.replaceColumns();
});
it('[C277314] Should filter the table rows when the input filter is passed', () => {
dataTablePage.replaceRows(1);
dataTablePage.replaceColumns();
expect(dataTableComponent.numberOfRows()).toEqual(4);
dataTablePage.insertFilter('Name');
expect(dataTableComponent.numberOfRows()).toEqual(3);
dataTablePage.insertFilter('I');
expect(dataTableComponent.numberOfRows()).toEqual(1);
});
});
it('[C260039] Should be possible replace rows', () => {
dataTablePage.replaceRows(1);
});
describe('Datatable component - copyContent', () => {
it('[C260041] Should be possible replace columns', () => {
dataTablePage.replaceColumns();
});
beforeAll(async (done) => {
navigationBarPage.navigateToCopyContentDatatable();
done();
});
it('[C277314] Should filter the table rows when the input filter is passed', () => {
expect(dataTableComponent.numberOfRows()).toEqual(4);
dataTablePage.insertFilter('Name');
expect(dataTableComponent.numberOfRows()).toEqual(3);
dataTablePage.insertFilter('I');
expect(dataTableComponent.numberOfRows()).toEqual(1);
});
it('[C307037] A tooltip is displayed when mouseOver a column with copyContent set to true', () => {
dataTablePage.mouseOverIdColumn('1');
expect(dataTablePage.getCopyContentTooltip()).toEqual('Click to copy');
dataTablePage.mouseOverNameColumn('Name 2');
dataTablePage.dataTable.copyContentTooltipIsNotDisplayed();
});
it('[C307045] No tooltip is displayed when hover over a column with copyContent set to false', () => {
dataTablePage.mouseOverNameColumn('Name 2');
dataTablePage.dataTable.copyContentTooltipIsNotDisplayed();
dataTablePage.clickOnNameColumn('Name 2');
notificationPage.checkNotificationSnackBarIsNotDisplayed();
});
it('[C307046] No tooltip is displayed when hover over a column that has default value for copyContent property', () => {
dataTablePage.mouseOverCreatedByColumn('Created One');
dataTablePage.dataTable.copyContentTooltipIsNotDisplayed();
dataTablePage.clickOnCreatedByColumn('Created One');
notificationPage.checkNotificationSnackBarIsNotDisplayed();
});
it('[C307040] A column value with copyContent set to true is copied when clicking on it', () => {
dataTablePage.mouseOverIdColumn('1');
expect(dataTablePage.getCopyContentTooltip()).toEqual('Click to copy');
dataTablePage.clickOnIdColumn('1');
notificationPage.checkNotifyContains('Text copied to clipboard');
dataTablePage.pasteClipboard();
expect(dataTablePage.getClipboardInputText()).toEqual('1');
dataTablePage.clickOnIdColumn('2');
notificationPage.checkNotifyContains('Text copied to clipboard');
dataTablePage.clickOnIdColumn('3');
notificationPage.checkNotifyContains('Text copied to clipboard');
dataTablePage.pasteClipboard();
expect(dataTablePage.getClipboardInputText()).toEqual('3');
});
it('[C307072] A tooltip is displayed when mouseOver a column with copyContent set to true', () => {
copyContentDataTablePage.mouseOverIdColumn('1');
expect(copyContentDataTablePage.getCopyContentTooltip()).toEqual('Click to copy');
copyContentDataTablePage.mouseOverNameColumn('First');
copyContentDataTablePage.dataTable.copyContentTooltipIsNotDisplayed();
});
it('[C307074] No tooltip is displayed when hover over a column with copyContent set to false', () => {
copyContentDataTablePage.mouseOverNameColumn('Second');
copyContentDataTablePage.dataTable.copyContentTooltipIsNotDisplayed();
copyContentDataTablePage.clickOnNameColumn('Second');
notificationPage.checkNotificationSnackBarIsNotDisplayed();
});
it('[C307075] No tooltip is displayed when hover over a column that has default value for copyContent property', () => {
copyContentDataTablePage.mouseOverCreatedByColumn('Created one');
copyContentDataTablePage.dataTable.copyContentTooltipIsNotDisplayed();
copyContentDataTablePage.clickOnCreatedByColumn('Created one');
notificationPage.checkNotificationSnackBarIsNotDisplayed();
});
it('[C307073] A column value with copyContent set to true is copied when clicking on it', () => {
copyContentDataTablePage.mouseOverIdColumn('1');
expect(copyContentDataTablePage.getCopyContentTooltip()).toEqual('Click to copy');
copyContentDataTablePage.clickOnIdColumn('1');
notificationPage.checkNotifyContains('Text copied to clipboard');
copyContentDataTablePage.pasteClipboard();
expect(copyContentDataTablePage.getClipboardInputText()).toEqual('1');
copyContentDataTablePage.clickOnIdColumn('2');
notificationPage.checkNotifyContains('Text copied to clipboard');
copyContentDataTablePage.clickOnIdColumn('3');
notificationPage.checkNotifyContains('Text copied to clipboard');
copyContentDataTablePage.pasteClipboard();
expect(copyContentDataTablePage.getClipboardInputText()).toEqual('3');
});
});
});
e2e/pages/adf/demo-shell/dataTablePage.ts
+68 -7
View File
@@ -21,7 +21,18 @@ import { BrowserVisibility } from '@alfresco/adf-testing';
export class DataTablePage {
dataTable = new DataTableComponentPage();
columns = {
id: 'Id',
name: 'Name',
createdBy: 'Created By'
};
data = {
copyClipboardDataTable: 'copyClipboard-datatable',
defaultTable: 'datatable'
};
dataTable;
multiSelect = element(by.css(`div[data-automation-id='multiselect'] label > div[class='mat-checkbox-inner-container']`));
reset = element(by.xpath(`//span[contains(text(),'Reset to default')]/..`));
selectionButton = element(by.css(`div[class='mat-select-arrow']`));
@@ -33,6 +44,15 @@ export class DataTablePage {
replaceRowsElement = element(by.xpath(`//span[contains(text(),'Replace rows')]/..`));
replaceColumnsElement = element(by.xpath(`//span[contains(text(),'Replace columns')]/..`));
createdOnColumn = element(by.css(`div[data-automation-id='auto_id_createdOn']`));
pasteClipboardInput = element(by.css(`input[data-automation-id='paste clipboard input']`));
constructor(data?) {
if (this.data[data]) {
this.dataTable = new DataTableComponentPage(element(by.css(`div[data-automation-id='` + this.data[data] + `']`)));
} else {
this.dataTable = new DataTableComponentPage(element(by.css(`div[data-automation-id='` + this.data.defaultTable + `']`)));
}
}
insertFilter(filterText) {
const inputFilter = element(by.css(`#adf-datatable-filter-input`));
@@ -46,7 +66,7 @@ export class DataTablePage {
}
replaceRows(id) {
const rowID = this.dataTable.getRowElement('Id', id);
const rowID = this.dataTable.getRowElement(this.columns.id, id);
BrowserVisibility.waitUntilElementIsVisible(rowID);
this.replaceRowsElement.click();
BrowserVisibility.waitUntilElementIsNotVisible(rowID);
@@ -69,7 +89,7 @@ export class DataTablePage {
}
checkRowIsNotSelected(rowNumber) {
const isRowSelected = this.dataTable.getRowElement('Id', rowNumber)
const isRowSelected = this.dataTable.getRowElement(this.columns.id, rowNumber)
.element(by.xpath(`ancestor::div[contains(@class, 'adf-datatable-row custom-row-style ng-star-inserted is-selected')]`));
BrowserVisibility.waitUntilElementIsNotOnPage(isRowSelected);
}
@@ -96,13 +116,13 @@ export class DataTablePage {
}
clickCheckbox(rowNumber) {
const checkbox = this.dataTable.getRowElement('Id', rowNumber).element(by.xpath(`ancestor::div[contains(@class, 'adf-datatable-row')]//mat-checkbox/label`));
const checkbox = this.dataTable.getRowElement(this.columns.id, rowNumber).element(by.xpath(`ancestor::div[contains(@class, 'adf-datatable-row')]//mat-checkbox/label`));
BrowserVisibility.waitUntilElementIsVisible(checkbox);
checkbox.click();
}
selectRow(rowNumber) {
const locator = this.dataTable.getRowElement('Id', rowNumber);
const locator = this.dataTable.getRowElement(this.columns.id, rowNumber);
BrowserVisibility.waitUntilElementIsVisible(locator);
BrowserVisibility.waitUntilElementIsClickable(locator);
locator.click();
@@ -110,7 +130,7 @@ export class DataTablePage {
}
selectRowWithKeyboard(rowNumber) {
const row = this.dataTable.getRowElement('Id', rowNumber);
const row = this.dataTable.getRowElement(this.columns.id, rowNumber);
browser.actions().sendKeys(protractor.Key.COMMAND).click(row).perform();
}
@@ -122,6 +142,47 @@ export class DataTablePage {
}
getRowCheckbox(rowNumber) {
return this.dataTable.getRowElement('Id', rowNumber).element(by.xpath(`ancestor::div/div/mat-checkbox[contains(@class, 'mat-checkbox-checked')]`));
return this.dataTable.getRowElement(this.columns.id, rowNumber).element(by.xpath(`ancestor::div/div/mat-checkbox[contains(@class, 'mat-checkbox-checked')]`));
}
getCopyContentTooltip() {
return this.dataTable.getCopyContentTooltip();
}
mouseOverNameColumn(name) {
return this.dataTable.mouseOverColumn(this.columns.name, name);
}
mouseOverCreatedByColumn(name) {
return this.dataTable.mouseOverColumn(this.columns.createdBy, name);
}
mouseOverIdColumn(name) {
return this.dataTable.mouseOverColumn(this.columns.id, name);
}
clickOnIdColumn(name) {
return this.dataTable.clickColumn(this.columns.id, name);
}
clickOnNameColumn(name) {
return this.dataTable.clickColumn(this.columns.name, name);
}
clickOnCreatedByColumn(name) {
return this.dataTable.clickColumn(this.columns.createdBy, name);
}
pasteClipboard() {
this.pasteClipboardInput.clear();
BrowserVisibility.waitUntilElementIsVisible(this.pasteClipboardInput);
this.pasteClipboardInput.click();
this.pasteClipboardInput.sendKeys(protractor.Key.chord(protractor.Key.SHIFT, protractor.Key.INSERT));
return this;
}
getClipboardInputText() {
BrowserVisibility.waitUntilElementIsVisible(this.pasteClipboardInput);
return this.pasteClipboardInput.getAttribute('value');
}
}
e2e/pages/adf/navigationBarPage.ts
+8
View File
@@ -27,6 +27,7 @@ export class NavigationBarPage {
contentServicesButton = element(by.css('a[data-automation-id="Content Services"]'));
dataTableButton = element(by.css('a[data-automation-id="Datatable"]'));
dataTableNestedButton = element(by.css('button[data-automation-id="Datatable"]'));
dataTableCopyContentButton = element(by.css('button[data-automation-id="Copy Content"]'));
taskListButton = element(by.css("a[data-automation-id='Task List']"));
configEditorButton = element(by.css('a[data-automation-id="Configuration Editor"]'));
processServicesButton = element(by.css('a[data-automation-id="Process Services"]'));
@@ -59,6 +60,13 @@ export class NavigationBarPage {
this.dataTableNestedButton.click();
}
navigateToCopyContentDatatable() {
BrowserVisibility.waitUntilElementIsVisible(this.dataTableButton);
this.dataTableButton.click();
BrowserVisibility.waitUntilElementIsVisible(this.dataTableCopyContentButton);
this.dataTableCopyContentButton.click();
}
clickContentServicesButton() {
BrowserVisibility.waitUntilElementIsVisible(this.contentServicesButton);
this.contentServicesButton.click();