Bump @types/testing-library__react from 10.0.0 to 10.2.0 in /desktop (#1366)

Summary:
Created a few breakages. Would appreciate some closer eyes on this.

Pull Request resolved: https://github.com/facebook/flipper/pull/1366

Reviewed By: mweststrate

Differential Revision: D22501454

fbshipit-source-id: 9b882a12aecc65da85f29101bf87bf27519a7d2a

desktop/app/package.json

@@ -68,7 +68,8 @@
     "7zip-bin-mac": "^1.0.1"
   },
   "devDependencies": {
-    "@testing-library/react": "^10.0.2",
+    "@testing-library/react": "^10.4.3",
+    "@testing-library/dom": "^7.20.2",
     "flipper-test-utils": "0.50.0",
     "metro": "^0.60.0",
     "mock-fs": "^4.12.0",

desktop/app/src/test-utils/createMockFlipperWithPlugin.tsx

@@ -15,6 +15,7 @@ import {
   RenderResult,
   act as testingLibAct,
 } from '@testing-library/react';
+import {queries} from '@testing-library/dom';
 
 import {
   selectPlugin,
@@ -202,7 +203,7 @@ export async function createMockFlipperWithPlugin(
   };
 }
 
-type Renderer = RenderResult<typeof import('testing-library__dom/queries')>;
+type Renderer = RenderResult<typeof queries>;
 
 export async function renderMockFlipperWithPlugin(
   pluginClazz: PluginDefinition,

desktop/app/src/ui/components/data-inspector/__tests__/DataInspector.node.tsx

@@ -67,7 +67,7 @@ test('changing collapsed property works', async () => {
   res.rerender(
     <ManagedDataInspector data={json} collapsed={false} expandRoot />,
   );
-  await waitForElement(() => res.findByText(/cool/));
+  await res.findByText(/cool/);
 
   res.rerender(
     <ManagedDataInspector data={json} collapsed={true} expandRoot />,