Step 8.7: Introduce focus-visible import where needed to repair tests

There is an import in `MatrixChat` which no longer gets executed when we don't skin the entire app, so bring it in manually.

Author: turt2live

src/components/structures/MatrixChat.tsx

@@ -32,7 +32,7 @@ import { logger } from "matrix-js-sdk/src/logger";
 import { throttle } from "lodash";
 import { CryptoEvent } from "matrix-js-sdk/src/crypto";
 
-// focus-visible is a Polyfill for the :focus-visible CSS pseudo-attribute used by _AccessibleButton.scss
+// focus-visible is a Polyfill for the :focus-visible CSS pseudo-attribute used by various components
 import 'focus-visible';
 // what-input helps improve keyboard accessibility
 import 'what-input';

test/components/structures/ThreadPanel-test.tsx

@@ -16,6 +16,7 @@ limitations under the License.
 
 import React from 'react';
 import { shallow, mount } from "enzyme";
+import 'focus-visible'; // to fix context menus
 
 import {
     ThreadFilterType,

test/components/views/context_menus/SpaceContextMenu-test.tsx

@@ -19,6 +19,7 @@ import { mount } from 'enzyme';
 import { Room } from 'matrix-js-sdk/src/matrix';
 import { mocked } from 'jest-mock';
 import { act } from 'react-dom/test-utils';
+import 'focus-visible'; // to fix context menus
 
 import SpaceContextMenu from '../../../../src/components/views/context_menus/SpaceContextMenu';
 import MatrixClientContext from '../../../../src/contexts/MatrixClientContext';