Migrate core render util to use xterm.js as part of the rendering loop. (#19044)

packages/cli/src/ui/auth/ApiAuthDialog.test.tsx

@@ -65,21 +65,24 @@ describe('ApiAuthDialog', () => {
     mockedUseTextBuffer.mockReturnValue(mockBuffer);
   });
 
-  it('renders correctly', () => {
-    const { lastFrame } = render(
+  it('renders correctly', async () => {
+    const { lastFrame, waitUntilReady, unmount } = render(
       <ApiAuthDialog onSubmit={onSubmit} onCancel={onCancel} />,
     );
+    await waitUntilReady();
     expect(lastFrame()).toMatchSnapshot();
+    unmount();
   });
 
-  it('renders with a defaultValue', () => {
-    render(
+  it('renders with a defaultValue', async () => {
+    const { waitUntilReady, unmount } = render(
       <ApiAuthDialog
         onSubmit={onSubmit}
         onCancel={onCancel}
         defaultValue="test-key"
       />,
     );
+    await waitUntilReady();
     expect(mockedUseTextBuffer).toHaveBeenCalledWith(
       expect.objectContaining({
         initialText: 'test-key',
@@ -88,6 +91,7 @@ describe('ApiAuthDialog', () => {
         }),
       }),
     );
+    unmount();
   });
 
   it.each([
@@ -100,9 +104,12 @@ describe('ApiAuthDialog', () => {
     { keyName: 'escape', sequence: '\u001b', expectedCall: onCancel, args: [] },
   ])(
     'calls $expectedCall.name when $keyName is pressed',
-    ({ keyName, sequence, expectedCall, args }) => {
+    async ({ keyName, sequence, expectedCall, args }) => {
       mockBuffer.text = 'submitted-key'; // Set for the onSubmit case
-      render(<ApiAuthDialog onSubmit={onSubmit} onCancel={onCancel} />);
+      const { waitUntilReady, unmount } = render(
+        <ApiAuthDialog onSubmit={onSubmit} onCancel={onCancel} />,
+      );
+      await waitUntilReady();
       // calls[0] is the ApiAuthDialog's useKeypress (Ctrl+C handler)
       // calls[1] is the TextInput's useKeypress (typing handler)
       const keypressHandler = mockedUseKeypress.mock.calls[1][0];
@@ -117,23 +124,29 @@ describe('ApiAuthDialog', () => {
       });
 
       expect(expectedCall).toHaveBeenCalledWith(...args);
+      unmount();
     },
   );
 
-  it('displays an error message', () => {
-    const { lastFrame } = render(
+  it('displays an error message', async () => {
+    const { lastFrame, waitUntilReady, unmount } = render(
       <ApiAuthDialog
         onSubmit={onSubmit}
         onCancel={onCancel}
         error="Invalid API Key"
       />,
     );
+    await waitUntilReady();
 
     expect(lastFrame()).toContain('Invalid API Key');
+    unmount();
   });
 
   it('calls clearApiKey and clears buffer when Ctrl+C is pressed', async () => {
-    render(<ApiAuthDialog onSubmit={onSubmit} onCancel={onCancel} />);
+    const { waitUntilReady, unmount } = render(
+      <ApiAuthDialog onSubmit={onSubmit} onCancel={onCancel} />,
+    );
+    await waitUntilReady();
     // Call 0 is ApiAuthDialog (isActive: true)
     // Call 1 is TextInput (isActive: true, priority: true)
     const keypressHandler = mockedUseKeypress.mock.calls[0][0];
@@ -149,5 +162,6 @@ describe('ApiAuthDialog', () => {
       expect(clearApiKey).toHaveBeenCalled();
       expect(mockBuffer.setText).toHaveBeenCalledWith('');
     });
+    unmount();
   });
 });