Updated output messages

Author: fonsiher

packages/dom/src/lib/ElementAssertion.ts

@@ -154,13 +154,13 @@ export class ElementAssertion<T extends Element> extends Assertion<T> {
       const error = new AssertionError({
         actual: this.actual,
         expected: document.activeElement,
-        message: "Expected the element to have focus.",
+        message: "Expected the element to be focused",
       });
 
       const invertedError = new AssertionError({
         actual: this.actual,
         expected: document.activeElement,
-        message: "Expected the element not to have focus.",
+        message: "Expected the element NOT to be focused",
       });
 
       return this.execute({

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

@@ -278,21 +278,19 @@ describe("[Unit] ElementAssertion.test.ts", () => {
 
         expect(() => test.not.toHaveFocus())
           .toThrowError(AssertionError)
-          .toHaveMessage("Expected the element not to have focus.");
+          .toHaveMessage("Expected the element NOT to be focused");
       });
     });
 
     context("when the element does not have focus", () => {
       it("throws an assertion error", () => {
         const { getByTestId } = render(<FocusTestComponent />);
         const input1 = getByTestId("input1");
-        const input2 = getByTestId("input2");
-        input1.focus();
-        const test = new ElementAssertion(input2);
+        const test = new ElementAssertion(input1);
 
         expect(() => test.toHaveFocus())
           .toThrowError(AssertionError)
-          .toHaveMessage("Expected the element to have focus.");
+          .toHaveMessage("Expected the element to be focused");
 
         expect(test.not.toHaveFocus()).toBeEqual(test);
       });