@wordpress/nux 8.2.0 → 8.3.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 8.3.0 (2023-08-31)
+
 ## 8.2.0 (2023-08-16)
 
 ## 8.1.0 (2023-08-10)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/nux",
-	"version": "8.2.0",
+	"version": "8.3.0",
 	"description": "NUX (New User eXperience) module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,13 +31,13 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/components": "^25.6.0",
-		"@wordpress/compose": "^6.17.0",
-		"@wordpress/data": "^9.10.0",
-		"@wordpress/deprecated": "^3.40.0",
-		"@wordpress/element": "^5.17.0",
-		"@wordpress/i18n": "^4.40.0",
-		"@wordpress/icons": "^9.31.0",
+		"@wordpress/components": "^25.7.0",
+		"@wordpress/compose": "^6.18.0",
+		"@wordpress/data": "^9.11.0",
+		"@wordpress/deprecated": "^3.41.0",
+		"@wordpress/element": "^5.18.0",
+		"@wordpress/i18n": "^4.41.0",
+		"@wordpress/icons": "^9.32.0",
 		"rememo": "^4.0.2"
 	},
 	"peerDependencies": {
@@ -47,5 +47,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "78a288d55b83a713b2f7d98d5a855c0771a2afc6"
+	"gitHead": "5eac1734bcdca2301fdd37ec8cfe2a45e722a2c4"
 }

package/src/components/dot-tip/test/index.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { act, render, screen } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
 /**
@@ -9,54 +9,44 @@ import userEvent from '@testing-library/user-event';
  */
 import { DotTip } from '..';
 
-const noop = () => {};
-
 describe( 'DotTip', () => {
-	beforeEach( () => {
-		jest.useFakeTimers();
-	} );
-
-	afterEach( () => {
-		jest.useRealTimers();
-	} );
-
-	it( 'should not render anything if invisible', async () => {
+	it( 'should not render anything if invisible', () => {
 		render(
 			<DotTip>
 				It looks like you’re writing a letter. Would you like help?
 			</DotTip>
 		);
 
-		await act( () => Promise.resolve() );
-
 		expect( screen.queryByRole( 'dialog' ) ).not.toBeInTheDocument();
 	} );
 
 	it( 'should render correctly', async () => {
 		render(
-			<DotTip isVisible setTimeout={ noop }>
+			<DotTip isVisible>
 				It looks like you’re writing a letter. Would you like help?
 			</DotTip>
 		);
 
-		await act( () => Promise.resolve() );
+		await waitFor( () =>
+			expect( screen.getByRole( 'dialog' ) ).toBePositionedPopover()
+		);
 
 		expect( screen.getByRole( 'dialog' ) ).toMatchSnapshot();
 	} );
 
 	it( 'should call onDismiss when the dismiss button is clicked', async () => {
-		const user = userEvent.setup( {
-			advanceTimers: jest.advanceTimersByTime,
-		} );
+		const user = userEvent.setup();
 		const onDismiss = jest.fn();
 
 		render(
-			<DotTip isVisible onDismiss={ onDismiss } setTimeout={ noop }>
+			<DotTip isVisible onDismiss={ onDismiss }>
 				It looks like you’re writing a letter. Would you like help?
 			</DotTip>
 		);
 
-		await act( () => Promise.resolve() );
+		await waitFor( () =>
+			expect( screen.getByRole( 'dialog' ) ).toBePositionedPopover()
+		);
 
 		await user.click( screen.getByRole( 'button', { name: 'Got it' } ) );
 
@@ -64,18 +54,18 @@ describe( 'DotTip', () => {
 	} );
 
 	it( 'should call onDisable when the X button is clicked', async () => {
-		const user = userEvent.setup( {
-			advanceTimers: jest.advanceTimersByTime,
-		} );
+		const user = userEvent.setup();
 		const onDisable = jest.fn();
 
 		render(
-			<DotTip isVisible onDisable={ onDisable } setTimeout={ noop }>
+			<DotTip isVisible onDisable={ onDisable }>
 				It looks like you’re writing a letter. Would you like help?
 			</DotTip>
 		);
 
-		await act( () => Promise.resolve() );
+		await waitFor( () =>
+			expect( screen.getByRole( 'dialog' ) ).toBePositionedPopover()
+		);
 
 		await user.click(
 			screen.getByRole( 'button', { name: 'Disable tips' } )