fix: use attachTo in failing tests with jsdom v21.1 (#1952)

`attachTo` can be removed when jsdom/jsdom#3502 is fixed
 With jsdom v21.1, `getComputedStyle` is cached and not updated for elements not in the DOM
 so some our tests fail (because the elements are checked a first time)

package.json

@@ -45,7 +45,7 @@
     "eslint-config-prettier": "8.6.0",
     "eslint-plugin-prettier": "4.2.1",
     "husky": "8.0.3",
-    "jsdom": "21.0.0",
+    "jsdom": "21.1.0",
     "jsdom-global": "3.0.2",
     "lint-staged": "13.1.0",
     "prettier": "2.8.3",

tests/isVisible.spec.ts

@@ -50,7 +50,10 @@ describe('isVisible', () => {
         }
       }
     }
-    const wrapper = mount(Comp)
+    // TODO: attachTo can be removed when https://github.com/jsdom/jsdom/issues/3502 is fixed
+    // with jsdom v21.1, getComputedStyle is cached and not updated for elements not in the DOM
+    // so the test fails (because the element is checked a first time)
+    const wrapper = mount(Comp, { attachTo: document.body })
 
     expect(wrapper.find('span').isVisible()).toBe(true)
     await wrapper.find('button').trigger('click')
@@ -73,7 +76,10 @@ describe('isVisible', () => {
         }
       }
     }
-    const wrapper = mount(Comp, {})
+    // TODO: attachTo can be removed when https://github.com/jsdom/jsdom/issues/3502 is fixed
+    // with jsdom v21.1, getComputedStyle is cached and not updated for elements not in the DOM
+    // so the test fails (because the element is checked a first time)
+    const wrapper = mount(Comp, { attachTo: document.body })
 
     expect(wrapper.find('span').isVisible()).toBe(true)
     await wrapper.find('button').trigger('click')