@squiz/resource-browser 1.39.1-alpha.0 → 1.39.1-alpha.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squiz/resource-browser",
-  "version": "1.39.1-alpha.0",
+  "version": "1.39.1-alpha.10",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "scripts": {
@@ -15,8 +15,8 @@
   },
   "dependencies": {
     "@mui/icons-material": "5.11.16",
-    "@squiz/dx-json-schema-lib": "1.39.1-alpha.0",
-    "@squiz/generic-browser-lib": "1.39.1-alpha.0",
+    "@squiz/dx-json-schema-lib": "1.39.1-alpha.10",
+    "@squiz/generic-browser-lib": "1.39.1-alpha.10",
     "pretty-bytes": "5.6.0",
     "react-aria": "3.23.1",
     "react-responsive": "9.0.2",
@@ -74,5 +74,5 @@
   "volta": {
     "node": "18.15.0"
   },
-  "gitHead": "7921b8f8edba43403eb4fe73f3473de7dfd52a17"
+  "gitHead": "0087495957856a1d1b15227f3a450c6261ad5c5a"
 }

package/src/ResourcePickerContainer/ResourcePickerContainer.spec.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-empty-function */
 import React from 'react';
-import { screen, render, waitFor, within } from '@testing-library/react';
+import { screen, render, waitFor, within, act } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { mockResource, mockSource } from '../__mocks__/MockModels';
 import { Resource, Source, Hierarchy } from '../types';
@@ -175,8 +175,10 @@ describe('ResourcePickerContainer', () => {
         mockResource({ id: '3', name: 'Test Page 3' }),
       ]);
 
-    // Component has finished initial render
-    const { getAllByText } = render(<ResourcePickerContainer {...baseProps} onRequestChildren={onRequestChildren} />);
+    const { getAllByText } = await act(async () => {
+      // Component has finished initial render
+      return render(<ResourcePickerContainer {...baseProps} onRequestChildren={onRequestChildren} />);
+    });
     await waitFor(() => {
       expect(getAllByText('Test system')[0]).toBeInTheDocument();
     });
@@ -198,10 +200,12 @@ describe('ResourcePickerContainer', () => {
   ])(
     'Selecting a node on %s shows its properties in the details panel',
     async (description: string, width: number, expectedPreviewPanelCloseButtons: number) => {
-      render(
-        <ResponsiveContext.Provider value={{ width }}>
-          <ResourcePickerContainer {...baseProps} />
-        </ResponsiveContext.Provider>,
+      await act(async () =>
+        render(
+          <ResponsiveContext.Provider value={{ width }}>
+            <ResourcePickerContainer {...baseProps} />
+          </ResponsiveContext.Provider>,
+        ),
       );
       await waitFor(() => {
         expect(screen.getByRole('button', { name: 'Drill down to Test Website children' })).toBeInTheDocument();
@@ -393,7 +397,7 @@ describe('ResourcePickerContainer', () => {
         }),
       ]);
 
-    const { getByLabelText, getByText, getAllByText } = render(
+    const { getByLabelText, getByText, getAllByText, queryAllByText } = render(
       <ResourcePickerContainer {...baseProps} onRequestChildren={onRequestChildren} />,
     );
     await waitFor(() => {
@@ -408,6 +412,11 @@ describe('ResourcePickerContainer', () => {
       expect(getByLabelText('Resource breadcrumb')).toBeInTheDocument();
     });
 
+    // Loading is done
+    await waitFor(() => {
+      expect(queryAllByText('loading Resource list')).toHaveLength(0);
+    });
+
     // Drill down again
     user.click(screen.getByRole('button', { name: 'Drill down to Test Page children' }));