From 6988a67b1c2a98a5873c952beace08fc07eedbe2 Mon Sep 17 00:00:00 2001
From: Dennis Chen <dennisc695@icloud.com>
Date: Thu, 24 Mar 2022 20:56:37 +0800
Subject: [PATCH] fix: clarify toHaveFocus message when using `.not` (#447)

---
 src/to-have-focus.js | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/to-have-focus.js b/src/to-have-focus.js
index 3b1b1acc..a792645f 100644
--- a/src/to-have-focus.js
+++ b/src/to-have-focus.js
@@ -13,10 +13,19 @@ export function toHaveFocus(element) {
           '',
         ),
         '',
-        'Expected element with focus:',
-        `  ${this.utils.printExpected(element)}`,
-        'Received element with focus:',
-        `  ${this.utils.printReceived(element.ownerDocument.activeElement)}`,
+        ...(this.isNot
+          ? [
+              'Received element is focused:',
+              `  ${this.utils.printReceived(element)}`,
+            ]
+          : [
+              'Expected element with focus:',
+              `  ${this.utils.printExpected(element)}`,
+              'Received element with focus:',
+              `  ${this.utils.printReceived(
+                element.ownerDocument.activeElement,
+              )}`,
+            ]),
       ].join('\n')
     },
   }