chore(deps): bump @changesets/get-dependents-graph from 2.1.2 to 2.1.3 (#4110)

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: ScriptedAlchemy <[email protected]>

Author: dependabot[bot]

.changeset/friendly-lions-sleep.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/bridge-react': patch
+---
+
+test(bridge-react): stabilize async assertions for bridge tests

packages/assemble-release-plan/package.json

@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@changesets/errors": "^0.2.0",
-    "@changesets/get-dependents-graph": "^2.1.2",
+    "@changesets/get-dependents-graph": "^2.1.3",
     "@changesets/should-skip-package": "^0.1.1",
     "@changesets/types": "^6.0.0",
     "@manypkg/get-packages": "^1.1.3",

packages/bridge/bridge-react/__tests__/bridge.spec.tsx

@@ -7,7 +7,7 @@ import {
   screen,
   waitFor,
 } from '@testing-library/react';
-import { createContainer, getHtml, sleep } from './util';
+import { createContainer, getHtml } from './util';
 
 describe('bridge', () => {
   let containerInfo: ReturnType<typeof createContainer>;
@@ -31,17 +31,28 @@ describe('bridge', () => {
       dom: containerInfo?.container,
     });
 
-    await sleep(200);
-    expect(document.querySelector('#container')!.innerHTML).toContain(
-      '<div>life cycle render</div>',
+    await waitFor(
+      () => {
+        expect(document.querySelector('#container')?.innerHTML).toContain(
+          '<div>life cycle render</div>',
+        );
+      },
+      { timeout: 2000 },
     );
 
     lifeCycle.destroy({
       dom: containerInfo?.container,
       moduleName: 'test',
     });
 
-    expect(document.querySelector('#container')!.innerHTML).toContain('');
+    await waitFor(
+      () => {
+        expect(
+          (document.querySelector('#container')?.innerHTML || '').trim(),
+        ).toBe('');
+      },
+      { timeout: 2000 },
+    );
   });
 
   it('createRemoteAppComponent', async () => {
@@ -66,9 +77,13 @@ describe('bridge', () => {
     );
     expect(getHtml(container)).toMatch('loading');
 
-    await sleep(200);
-    expect(getHtml(container)).toMatch('life cycle render');
-    expect(getHtml(container)).toMatch('hello world');
+    await waitFor(
+      () => {
+        expect(getHtml(container)).toMatch('life cycle render');
+        expect(getHtml(container)).toMatch('hello world');
+      },
+      { timeout: 2000 },
+    );
   });
 
   it('createRemoteAppComponent and obtain ref property', async () => {
@@ -97,10 +112,14 @@ describe('bridge', () => {
     );
     expect(getHtml(container)).toMatch('loading');
 
-    await sleep(200);
-    expect(getHtml(container)).toMatch('life cycle render');
-    expect(getHtml(container)).toMatch('hello world');
-    expect(ref.current).not.toBeNull();
+    await waitFor(
+      () => {
+        expect(getHtml(container)).toMatch('life cycle render');
+        expect(getHtml(container)).toMatch('hello world');
+        expect(ref.current).not.toBeNull();
+      },
+      { timeout: 2000 },
+    );
   });
 
   it('createRemoteAppComponent with custom createRoot prop', async () => {
@@ -131,7 +150,11 @@ describe('bridge', () => {
     const { container } = render(<RemoteComponent />);
     expect(getHtml(container)).toMatch('loading');
 
-    await sleep(200);
-    expect(renderMock).toHaveBeenCalledTimes(1);
+    await waitFor(
+      () => {
+        expect(renderMock).toHaveBeenCalledTimes(1);
+      },
+      { timeout: 2000 },
+    );
   });
 });