Merge pull request #20 from ShellyDCMS/add-get-style-attr

add get.elementsStyleAttribute
ShellyDCMS · Sep 23, 2023 · 36a0edd · 36a0edd
2 parents 5613fe7 + 724aeac
commit 36a0edd
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@shellygo/cypress-test-utils",
   "description": "Test Automation Utilities",
-  "version": "1.0.32",
+  "version": "1.0.3",
   "author": "Shelly Goldblit",
   "private": false,
   "license": "MIT",

diff --git a/src/cypress-helper-spec.cy.ts b/src/cypress-helper-spec.cy.ts
@@ -205,6 +205,14 @@ describe("cypress helper tests", () => {
     );
   });
 
+  it("should get style", () => {
+    expect(
+      get
+        .elementsStyleAttribute("button", "background-color")
+        .should("eq", "rgb(255, 0, 0)")
+    );
+  });
+
   it("should get image source", () => {
     expect(get.elementsAttribute("image", "src").should("eq", "w3schools.jpg"));
   });

diff --git a/src/cypress-helper.ts b/src/cypress-helper.ts
@@ -395,6 +395,20 @@ export class CypressHelper {
      */
     currentLocation: (): Cypress.Chainable<string> => cy.url(),
 
+    /**
+     * Returns element's style attribute
+     *
+     * @param selector : string
+     * @param attribute : string
+     * @param [index = 0]
+     * @returns {Cypress.Chainable<string>}
+     */
+    elementsStyleAttribute: (
+      selector: string,
+      attribute: string,
+      index: number = 0
+    ) => this.get.elementByTestId(selector, index).invoke("css", attribute),
+
     /**
      * Returns element's computed style, including pseudo elements
      *