[ADF-4552][ADF-4482] Social component refactoring, add ability to unRate, added e2e automation (#4749)

* [ADF-4552] Rating component refactoring, add ability to unRate

* [ADF-4552] RTL support added

* [ADF-4552] Improve behaviour and styling structure in RTL languages

* [ADF-4552] Improve behaviour and styling structure in RTL languages

* [ADF-4552] Added refresh rating when the node Id input changes

* [ADF-4552][ADF-4482] Refactor social component, add ability to unrate, add e2e automation

* [ADF-4552][ADF-4482] Added unsibscribe from Observables, added css variables, removed unused class id's

* [ADF-4552][ADF-4482] Improve structure and behaviour of e2e automation tests

* [ADF-4552][ADF-4482] Improve structure and behaviour of e2e automation tests

* [ADF-4552][ADF-4482] fix expected single space

* [ADF-4552][ADF-4482] fix lint check failure

* Fix circular dependency error

lib/testing/src/lib/content-services/pages/like.page.ts

@@ -0,0 +1,50 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { browser, by, element } from 'protractor';
+import { BrowserActions } from '../../core/utils/browser-actions';
+
+export class LikePage {
+
+    likeCounter = element(by.css(`div[id="adf-like-counter"]`));
+    likeButton = element(by.css(`span[class="adf-like-grey"]`));
+    unlikeButton = element(by.css(`span[class="adf-like-select"]`));
+
+    getLikeCounter() {
+        return BrowserActions.getText(this.likeCounter);
+    }
+
+    clickLike() {
+        return BrowserActions.click(this.likeButton);
+    }
+
+    clickUnlike() {
+        return BrowserActions.click(this.unlikeButton);
+    }
+
+    removeHoverFromLikeButton() {
+        browser.actions().mouseMove({x: 200, y: 200}).click().perform();
+    }
+
+    getLikedIconColor() {
+        return BrowserActions.getColor(this.unlikeButton);
+    }
+
+    getUnLikedIconColor() {
+        return BrowserActions.getColor(this.likeButton);
+    }
+}

lib/testing/src/lib/content-services/pages/public-api.ts

@@ -15,4 +15,6 @@
  * limitations under the License.
  */
 
+export * from './like.page';
+export * from './rate.page';
 export * from './document-list.page';

lib/testing/src/lib/content-services/pages/rate.page.ts

@@ -0,0 +1,64 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { by, element } from 'protractor';
+import { BrowserVisibility } from '../../core/utils/browser-visibility';
+import { BrowserActions } from '../../core/utils/browser-actions';
+
+export class RatePage {
+
+    rateComponent(rateValue: number) {
+        const unratedStar = element(by.css(`span[id="adf-rate-${rateValue}"]`));
+        return BrowserActions.click(unratedStar);
+    }
+
+    removeRating(rateValue: number) {
+        const ratedStar = element(by.css(`mat-icon[id="adf-colored-star-${rateValue}"]`));
+        return BrowserActions.click(ratedStar);
+    }
+
+    getRatingCounter() {
+        const ratingsCounter = element(by.css(`div[id="adf-rating-counter"]`));
+        return BrowserActions.getText(ratingsCounter);
+    }
+
+    isStarRated(rateValue: number) {
+        const ratedStar = element(by.css(`mat-icon[id="adf-colored-star-${rateValue}"]`));
+        return BrowserVisibility.waitUntilElementIsVisible(ratedStar);
+    }
+
+    isNotStarRated(rateValue: number) {
+        const unratedStar = element(by.css(`mat-icon[id="adf-grey-star-${rateValue}"]`));
+        return BrowserVisibility.waitUntilElementIsVisible(unratedStar);
+    }
+
+    getRatedStarColor(rateValue: number) {
+        const ratedStar = element(by.css(`mat-icon[id="adf-colored-star-${rateValue}"]`));
+        return BrowserActions.getColor(ratedStar);
+    }
+
+    getUnratedStarColor(rateValue: number) {
+        const unratedStar = element(by.css(`mat-icon[id="adf-grey-star-${rateValue}"]`));
+        return BrowserActions.getColor(unratedStar);
+    }
+
+    getAverageStarColor(rateValue: number) {
+        const coloredStar = element(by.css(`mat-icon[id="adf-colored-star-${rateValue}"]`));
+        return BrowserActions.getColor(coloredStar);
+    }
+
+}

lib/testing/src/lib/core/utils/browser-actions.ts

@@ -40,6 +40,11 @@ export class BrowserActions {
         return elementFinder.getText();
     }
 
+    static async getColor(elementFinder: ElementFinder) {
+        BrowserVisibility.waitUntilElementIsVisible(elementFinder);
+        return elementFinder.getWebElement().getCssValue('color');
+    }
+
     static async clearSendKeys(elementFinder: ElementFinder, text: string) {
         BrowserVisibility.waitUntilElementIsVisible(elementFinder);
         elementFinder.click();