Media Fields: Fix filename field truncation (WordPress#75091)

* Media Fields: Fix filename field truncation

* Fix test

Co-authored-by: tyxla <tyxla@git.wordpress.org>
Co-authored-by: andrewserong <andrewserong@git.wordpress.org>

Author: tyxla

packages/media-fields/src/filename/test/view.test.tsx

@@ -49,7 +49,9 @@ describe( 'FileNameView', () => {
 
 			// Verify the full filename text is accessible to users
 			// (the component handles truncation via Truncate/Tooltip, but the text is still present)
-			expect( screen.getByText( longFilename ) ).toBeInTheDocument();
+			expect(
+				screen.getByText( longFilename.slice( 0, 15 ) + '…' )
+			).toBeInTheDocument();
 		} );
 	} );
 

packages/media-fields/src/filename/view.tsx

@@ -31,7 +31,9 @@ export default function FileNameView( {
 
 	return fileName.length > TRUNCATE_LENGTH ? (
 		<Tooltip text={ fileName }>
-			<Truncate>{ fileName }</Truncate>
+			<Truncate limit={ TRUNCATE_LENGTH } ellipsizeMode="tail">
+				{ fileName }
+			</Truncate>
 		</Tooltip>
 	) : (
 		<>{ fileName }</>