@wordpress/components 34.0.0 → 35.0.1

package/src/mobile/keyboard-aware-flat-list/test/use-keyboard-offset.native.js

@@ -1,203 +0,0 @@
-/**
- * External dependencies
- */
-import { act, renderHook } from '@testing-library/react-native';
-import { Keyboard } from 'react-native';
-import RCTDeviceEventEmitter from 'react-native/Libraries/EventEmitter/RCTDeviceEventEmitter';
-
-/**
- * Internal dependencies
- */
-import useKeyboardOffset from '../use-keyboard-offset';
-
-jest.useFakeTimers();
-
-describe( 'useKeyboardOffset', () => {
-	beforeEach( () => {
-		Keyboard.removeAllListeners( 'keyboardDidShow' );
-		Keyboard.removeAllListeners( 'keyboardDidHide' );
-		Keyboard.removeAllListeners( 'keyboardWillShow' );
-	} );
-
-	it( 'returns the initial state', () => {
-		// Arrange
-		const { result } = renderHook( () => useKeyboardOffset( true ) );
-		const [ keyboardOffset ] = result.current;
-
-		// Assert
-		expect( keyboardOffset ).toBe( 0 );
-	} );
-
-	it( 'updates keyboard visibility and offset when the keyboard is shown', () => {
-		// Arrange
-		const { result } = renderHook( () => useKeyboardOffset( true ) );
-
-		// Act
-		act( () => {
-			RCTDeviceEventEmitter.emit( 'keyboardDidShow', {
-				endCoordinates: { height: 250 },
-			} );
-		} );
-
-		// Assert
-		const [ keyboardOffset ] = result.current;
-		expect( keyboardOffset ).toBe( 250 );
-	} );
-
-	it( 'updates keyboard visibility and offset when the keyboard is hidden', () => {
-		// Arrange
-		const shouldPreventAutomaticScroll = jest.fn().mockReturnValue( false );
-		const { result } = renderHook( () =>
-			useKeyboardOffset( true, shouldPreventAutomaticScroll )
-		);
-
-		// Act
-		act( () => {
-			RCTDeviceEventEmitter.emit( 'keyboardDidShow', {
-				endCoordinates: { height: 250 },
-			} );
-		} );
-
-		act( () => {
-			RCTDeviceEventEmitter.emit( 'keyboardDidHide' );
-			jest.runAllTimers();
-		} );
-
-		// Assert
-		const [ keyboardOffset ] = result.current;
-		expect( keyboardOffset ).toBe( 0 );
-	} );
-
-	it( 'removes all keyboard listeners when scrollEnabled changes to false', () => {
-		// Arrange
-		const { result, rerender } = renderHook(
-			( { scrollEnabled } ) => useKeyboardOffset( scrollEnabled ),
-			{
-				initialProps: { scrollEnabled: true },
-			}
-		);
-		const [ keyboardOffset ] = result.current;
-
-		// Act
-		rerender( { scrollEnabled: false } );
-
-		// Assert
-		expect( keyboardOffset ).toBe( 0 );
-		expect( RCTDeviceEventEmitter.listenerCount( 'keyboardDidHide' ) ).toBe(
-			0
-		);
-		expect( RCTDeviceEventEmitter.listenerCount( 'keyboardDidShow' ) ).toBe(
-			0
-		);
-	} );
-
-	it( 'adds all keyboard listeners when scrollEnabled changes to true', () => {
-		// Arrange
-		const { result, rerender } = renderHook(
-			( { scrollEnabled } ) => useKeyboardOffset( scrollEnabled ),
-			{
-				initialProps: { scrollEnabled: false },
-			}
-		);
-		// Act
-		act( () => {
-			rerender( { scrollEnabled: true } );
-		} );
-
-		act( () => {
-			RCTDeviceEventEmitter.emit( 'keyboardDidShow', {
-				endCoordinates: { height: 250 },
-			} );
-		} );
-
-		const [ keyboardOffset ] = result.current;
-
-		// Assert
-		expect( keyboardOffset ).toBe( 250 );
-		expect( RCTDeviceEventEmitter.listenerCount( 'keyboardDidShow' ) ).toBe(
-			1
-		);
-		expect( RCTDeviceEventEmitter.listenerCount( 'keyboardDidHide' ) ).toBe(
-			1
-		);
-	} );
-
-	it( 'does not set keyboard offset to 0 when keyboard is hidden and shouldPreventAutomaticScroll is true', () => {
-		// Arrange
-		const shouldPreventAutomaticScroll = jest.fn().mockReturnValue( true );
-		const { result } = renderHook( () =>
-			useKeyboardOffset( true, shouldPreventAutomaticScroll )
-		);
-
-		// Act
-		act( () => {
-			RCTDeviceEventEmitter.emit( 'keyboardDidShow', {
-				endCoordinates: { height: 250 },
-			} );
-		} );
-		act( () => {
-			RCTDeviceEventEmitter.emit( 'keyboardDidHide' );
-			jest.runAllTimers();
-		} );
-
-		// Assert
-		expect( result.current[ 0 ] ).toBe( 250 );
-	} );
-
-	it( 'handles updates to shouldPreventAutomaticScroll', () => {
-		// Arrange
-		const preventScrollTrue = jest.fn( () => true );
-		const preventScrollFalse = jest.fn( () => false );
-
-		// Act
-		const { result, rerender } = renderHook(
-			( { shouldPreventAutomaticScroll } ) =>
-				useKeyboardOffset( true, shouldPreventAutomaticScroll ),
-			{
-				initialProps: {
-					shouldPreventAutomaticScroll: preventScrollFalse,
-				},
-			}
-		);
-
-		// Assert
-		expect( result.current[ 0 ] ).toBe( 0 );
-
-		// Act
-		act( () => {
-			RCTDeviceEventEmitter.emit( 'keyboardDidShow', {
-				endCoordinates: { height: 150 },
-			} );
-		} );
-
-		// Assert
-		expect( result.current[ 0 ] ).toBe( 150 );
-
-		// Act
-		act( () => {
-			rerender( { shouldPreventAutomaticScroll: preventScrollTrue } );
-		} );
-
-		act( () => {
-			RCTDeviceEventEmitter.emit( 'keyboardDidHide' );
-			jest.runAllTimers();
-		} );
-
-		// Assert
-		expect( result.current[ 0 ] ).toBe( 150 );
-
-		// Act
-		act( () => {
-			rerender( { shouldPreventAutomaticScroll: preventScrollFalse } );
-		} );
-
-		act( () => {
-			RCTDeviceEventEmitter.emit( 'keyboardDidShow', {
-				endCoordinates: { height: 250 },
-			} );
-		} );
-
-		// Assert
-		expect( result.current[ 0 ] ).toBe( 250 );
-	} );
-} );

package/src/mobile/keyboard-aware-flat-list/test/use-scroll-to-section.native.js

@@ -1,142 +0,0 @@
-/**
- * External dependencies
- */
-
-import { renderHook } from '@testing-library/react-native';
-
-/**
- * Internal dependencies
- */
-import useScrollToSection from '../use-scroll-to-section';
-
-describe( 'useScrollToSection', () => {
-	it( 'scrolls up to the section', () => {
-		// Arrange
-		const sectionY = 50;
-		const sectionHeight = 10;
-
-		const extraScrollHeight = 50;
-		const keyboardOffset = 100;
-		const scrollEnabled = true;
-		const scrollViewRef = { current: { scrollTo: jest.fn() } };
-		const scrollViewMeasurements = { current: { height: 600 } };
-		const scrollViewYOffset = { value: 150 };
-
-		const { result } = renderHook( () =>
-			useScrollToSection(
-				extraScrollHeight,
-				keyboardOffset,
-				scrollEnabled,
-				scrollViewMeasurements,
-				scrollViewRef,
-				scrollViewYOffset
-			)
-		);
-
-		// Act
-		result.current[ 0 ]( sectionY, sectionHeight );
-
-		// Assert
-		expect( scrollViewRef.current.scrollTo ).toHaveBeenCalledWith( {
-			y: sectionY,
-			animated: true,
-		} );
-	} );
-
-	it( 'scrolls down to the section', () => {
-		// Arrange
-		const sectionY = 750;
-		const sectionHeight = 10;
-
-		const extraScrollHeight = 50;
-		const keyboardOffset = 100;
-		const scrollEnabled = true;
-		const scrollViewRef = { current: { scrollTo: jest.fn() } };
-		const scrollViewMeasurements = { current: { height: 600 } };
-		const scrollViewYOffset = { value: 250 };
-
-		const { result } = renderHook( () =>
-			useScrollToSection(
-				extraScrollHeight,
-				keyboardOffset,
-				scrollEnabled,
-				scrollViewMeasurements,
-				scrollViewRef,
-				scrollViewYOffset
-			)
-		);
-
-		// Act
-		result.current[ 0 ]( sectionY, sectionHeight );
-
-		// Assert
-		const expectedYOffset =
-			sectionY -
-			( scrollViewMeasurements.current.height -
-				( keyboardOffset + extraScrollHeight + sectionHeight ) );
-		expect( scrollViewRef.current.scrollTo ).toHaveBeenCalledWith( {
-			y: expectedYOffset,
-			animated: true,
-		} );
-	} );
-
-	it( 'does not scroll when the ScrollView ref is not available', () => {
-		// Arrange
-		const sectionY = 50;
-		const sectionHeight = 10;
-
-		const extraScrollHeight = 50;
-		const keyboardOffset = 100;
-		const scrollEnabled = true;
-		const scrollViewRef = { current: null };
-		const scrollViewMeasurements = { current: { height: 600 } };
-		const scrollViewYOffset = { value: 0 };
-
-		const { result } = renderHook( () =>
-			useScrollToSection(
-				extraScrollHeight,
-				keyboardOffset,
-				scrollEnabled,
-				scrollViewMeasurements,
-				scrollViewRef,
-				scrollViewYOffset
-			)
-		);
-
-		// Act
-		result.current[ 0 ]( sectionY, sectionHeight );
-
-		// Assert
-		expect( scrollViewRef.current ).toBeNull();
-	} );
-
-	it( 'does not scroll when the scroll is not enabled', () => {
-		// Arrange
-		const sectionY = 50;
-		const sectionHeight = 10;
-
-		const extraScrollHeight = 50;
-		const keyboardOffset = 100;
-		const scrollEnabled = false;
-		const scrollViewRef = { current: { scrollTo: jest.fn() } };
-		const scrollViewMeasurements = { current: { height: 600 } };
-		const scrollViewYOffset = { value: 0 };
-
-		const { result } = renderHook( () =>
-			useScrollToSection(
-				extraScrollHeight,
-				keyboardOffset,
-				scrollEnabled,
-				scrollViewMeasurements,
-				scrollViewRef,
-				scrollViewYOffset
-			)
-		);
-
-		// Act
-		result.current[ 0 ]( sectionY, sectionHeight );
-
-		// Assert
-		expect( scrollViewRef.current.scrollTo ).not.toHaveBeenCalled();
-	} );
-} );

package/src/mobile/keyboard-aware-flat-list/test/use-scroll.native.js

@@ -1,71 +0,0 @@
-/**
- * External dependencies
- */
-
-import { renderHook } from 'test/helpers';
-
-/**
- * Internal dependencies
- */
-import useScroll from '../use-scroll';
-
-// Mock Reanimated with default mock
-jest.mock( 'react-native-reanimated', () => ( {
-	...require( 'react-native-reanimated/mock' ),
-	useAnimatedScrollHandler: jest.fn( ( args ) => args ),
-} ) );
-
-describe( 'useScroll', () => {
-	it( 'scrolls using current scroll position', () => {
-		const sectionY = 50;
-		const sectionHeight = 10;
-		const scrollViewMeasurements = { x: 0, y: 0, width: 0, height: 600 };
-		const extraScrollHeight = 50;
-		const scrollEnabled = true;
-		const shouldPreventAutomaticScroll = false;
-
-		const scrollTo = jest.fn();
-		const measureInWindow = jest.fn( ( callback ) =>
-			callback( ...Object.values( scrollViewMeasurements ) )
-		);
-		const scrollRef = { scrollTo, measureInWindow };
-		const onScroll = jest.fn();
-		const onSizeChange = jest.fn();
-
-		const { result } = renderHook( () =>
-			useScroll( {
-				scrollEnabled,
-				shouldPreventAutomaticScroll,
-				onScroll,
-				onSizeChange,
-				extraScrollHeight,
-			} )
-		);
-		const {
-			scrollViewRef,
-			onContentSizeChange,
-			scrollHandler,
-			scrollToSection,
-		} = result.current;
-
-		// Assign ref
-		scrollViewRef.current = scrollRef;
-
-		// Check content size changes
-		onContentSizeChange();
-		expect( measureInWindow ).toHaveBeenCalled();
-		expect( onSizeChange ).toHaveBeenCalled();
-
-		// Set up initial scroll offset
-		scrollHandler.onScroll( { contentOffset: { y: 150 } } );
-
-		// Scroll to section
-		scrollToSection( sectionY, sectionHeight );
-
-		// Assert
-		expect( scrollTo ).toHaveBeenCalledWith( {
-			y: sectionY,
-			animated: true,
-		} );
-	} );
-} );

package/src/mobile/keyboard-aware-flat-list/test/use-text-input-caret-position.native.js

@@ -1,82 +0,0 @@
-/**
- * External dependencies
- */
-import { renderHook } from '@testing-library/react-native';
-
-/**
- * WordPress dependencies
- */
-import RCTAztecView from '@wordpress/react-native-aztec';
-
-/**
- * Internal dependencies
- */
-import useTextInputCaretPosition from '../use-text-input-caret-position';
-
-describe( 'useTextInputCaretPosition', () => {
-	let addCaretChangeListenerSpy;
-	let removeCaretChangeListenerSpy;
-
-	beforeAll( () => {
-		addCaretChangeListenerSpy = jest.spyOn(
-			RCTAztecView.InputState,
-			'addCaretChangeListener'
-		);
-		removeCaretChangeListenerSpy = jest.spyOn(
-			RCTAztecView.InputState,
-			'removeCaretChangeListener'
-		);
-	} );
-
-	beforeEach( () => {
-		addCaretChangeListenerSpy.mockClear();
-		removeCaretChangeListenerSpy.mockClear();
-	} );
-
-	it( 'should add and remove caret change listener correctly', () => {
-		// Arrange
-		const scrollEnabled = true;
-
-		// Act
-		const { unmount } = renderHook( () =>
-			useTextInputCaretPosition( scrollEnabled )
-		);
-		unmount();
-
-		// Assert
-		expect( addCaretChangeListenerSpy ).toHaveBeenCalledTimes( 1 );
-		expect( removeCaretChangeListenerSpy ).toHaveBeenCalledTimes( 1 );
-	} );
-
-	it( 'should add caret change listener when scroll is enabled', () => {
-		// Arrange
-		const scrollEnabled = true;
-
-		// Act
-		renderHook( () => useTextInputCaretPosition( scrollEnabled ) );
-
-		// Assert
-		expect( addCaretChangeListenerSpy ).toHaveBeenCalledTimes( 1 );
-		expect( removeCaretChangeListenerSpy ).not.toHaveBeenCalled();
-	} );
-
-	it( 'should remove caret change listener when scroll is enabled and then changed to disabled', () => {
-		// Arrange
-		const { rerender } = renderHook(
-			( props ) => useTextInputCaretPosition( props.scrollEnabled ),
-			{
-				initialProps: { scrollEnabled: true },
-			}
-		);
-
-		// Assert
-		expect( addCaretChangeListenerSpy ).toHaveBeenCalled();
-
-		// Act
-		rerender( { scrollEnabled: false } );
-
-		// Assert
-		expect( removeCaretChangeListenerSpy ).toHaveBeenCalled();
-		expect( addCaretChangeListenerSpy ).toHaveBeenCalledTimes( 1 );
-	} );
-} );

package/src/mobile/keyboard-aware-flat-list/test/use-text-input-offset.native.js

@@ -1,147 +0,0 @@
-/**
- * External dependencies
- */
-import { renderHook } from '@testing-library/react-native';
-
-/**
- * WordPress dependencies
- */
-import RCTAztecView from '@wordpress/react-native-aztec';
-
-/**
- * Internal dependencies
- */
-import useTextInputOffset from '../use-text-input-offset';
-
-jest.mock( '@wordpress/react-native-aztec', () => ( {
-	InputState: {
-		getCurrentFocusedElement: jest.fn(),
-	},
-} ) );
-
-describe( 'useTextInputOffset', () => {
-	afterEach( () => {
-		jest.clearAllMocks();
-	} );
-
-	it( 'should return a function', () => {
-		// Arrange
-		const scrollViewRef = { current: {} };
-		const scrollEnabled = true;
-
-		// Act
-		const { result } = renderHook( () =>
-			useTextInputOffset( scrollEnabled, scrollViewRef )
-		);
-
-		// Assert
-		expect( result.current[ 0 ] ).toBeInstanceOf( Function );
-	} );
-
-	it( 'should return null when scrollViewRef.current is null', async () => {
-		// Arrange
-		const scrollViewRef = { current: null };
-		const scrollEnabled = true;
-
-		// Act
-		const { result } = renderHook( () =>
-			useTextInputOffset( scrollEnabled, scrollViewRef )
-		);
-		const getTextInputOffset = result.current[ 0 ];
-
-		// Assert
-		const offset = await getTextInputOffset();
-		expect( offset ).toBeNull();
-	} );
-
-	it( 'should return null when textInput is null', async () => {
-		// Arrange
-		const scrollViewRef = { current: {} };
-		const scrollEnabled = true;
-		RCTAztecView.InputState.getCurrentFocusedElement.mockReturnValue(
-			null
-		);
-
-		// Act
-		const { result } = renderHook( () =>
-			useTextInputOffset( scrollEnabled, scrollViewRef )
-		);
-		const getTextInputOffset = result.current[ 0 ];
-
-		// Assert
-		const offset = await getTextInputOffset();
-		expect( offset ).toBeNull();
-	} );
-
-	it( 'should return null when scroll is not enabled', async () => {
-		// Arrange
-		const scrollViewRef = { current: {} };
-		const scrollEnabled = false;
-
-		// Act
-		const { result } = renderHook( () =>
-			useTextInputOffset( scrollEnabled, scrollViewRef )
-		);
-		const getTextInputOffset = result.current[ 0 ];
-
-		// Assert
-		const offset = await getTextInputOffset();
-		expect( offset ).toBeNull();
-	} );
-
-	it( 'should return correct offset value when caretY is not null', async () => {
-		// Arrange
-		const scrollViewRef = { current: {} };
-		const scrollEnabled = true;
-		const x = 0;
-		const y = 10;
-		const width = 0;
-		const height = 100;
-		const textInput = {
-			measureLayout: jest.fn( ( _, callback ) => {
-				callback( x, y, width, height );
-			} ),
-		};
-		RCTAztecView.InputState.getCurrentFocusedElement.mockReturnValue(
-			textInput
-		);
-
-		// Act
-		const { result } = renderHook( () =>
-			useTextInputOffset( scrollEnabled, scrollViewRef )
-		);
-		const getTextInputOffset = result.current[ 0 ];
-
-		// Assert
-		const offset = await getTextInputOffset( { caretY: 10 } );
-		expect( offset ).toBe( 20 );
-	} );
-
-	it( 'should return correct offset value when caretY is -1', async () => {
-		// Arrange
-		const scrollViewRef = { current: {} };
-		const scrollEnabled = true;
-		const x = 0;
-		const y = 10;
-		const width = 0;
-		const height = 100;
-		const textInput = {
-			measureLayout: jest.fn( ( _, callback ) => {
-				callback( x, y, width, height );
-			} ),
-		};
-		RCTAztecView.InputState.getCurrentFocusedElement.mockReturnValue(
-			textInput
-		);
-
-		// Act
-		const { result } = renderHook( () =>
-			useTextInputOffset( scrollEnabled, scrollViewRef )
-		);
-		const getTextInputOffset = result.current[ 0 ];
-
-		// Assert
-		const offset = await getTextInputOffset( { caretY: -1 } );
-		expect( offset ).toBe( 110 );
-	} );
-} );