Add: Assertion execution

Author: SbsCruz

packages/dom/src/lib/ElementAssertion.ts

@@ -239,17 +239,20 @@ export class ElementAssertion<T extends Element> extends Assertion<T> {
   })
 
   console.log("isSameStyle: ", isSameStyle)
-
-      return this.execute({
-        assertWhen: true,
-        error: new AssertionError({
+  const error = new AssertionError({
           actual: this.actual,
-          message: "Expected the element to have the specified style",
-        }),
-        invertedError: new AssertionError({
+          message: `Expected the element to have ${JSON.stringify(expectedStyle)} style`,
+          expected: expectedStyle
+        })
+        const invertedError = new AssertionError({
           actual: this.actual,
-          message: "Expected the element to NOT have the specified style",
-        }),
+          message: `Expected the element to NOT have ${JSON.stringify(expectedStyle)} style`,
+        })
+
+      return this.execute({
+        assertWhen: isSameStyle,
+        error,
+        invertedError
       });
     }
     return this;

packages/dom/test/unit/lib/ElementAssertion.test.tsx

@@ -272,7 +272,7 @@ describe("[Unit] ElementAssertion.test.ts", () => {
         const divTest = getByTestId("test-div");
         const test = new ElementAssertion(divTest);
 
-        expect(test.toHaveStyle("color: red; display: flex; border: 1px solid black")).toBeEqual(test);
+        expect(test.toHaveStyle("display: flex; color: red; border: 1px solid black")).toBeEqual(test);
 
     });
      it("fails the assertion when the styles are not the same", () => {