(chore: examples) make next-openai-pages elements locatable by playwr…

…ight (vercel#2119)
freddymu · Jun 27, 2024 · 31bffdf · 31bffdf
1 parent b33d61a
commit 31bffdf
Show file tree

Hide file tree

Showing 12 changed files with 40 additions and 16 deletions.
diff --git a/examples/next-openai-pages/pages/assistants/stream-assistant-response-with-tools/index.tsx b/examples/next-openai-pages/pages/assistants/stream-assistant-response-with-tools/index.tsx
@@ -19,10 +19,11 @@ export default function Page() {
 
       <form onSubmit={submitMessage} className="fixed bottom-0 p-2 w-full">
         <input
-          disabled={status !== 'awaiting_message'}
+          className="bg-zinc-100 w-full p-2"
+          placeholder="Send message..."
           value={input}
           onChange={handleInputChange}
-          className="bg-zinc-100 w-full p-2"
+          disabled={status !== 'awaiting_message'}
         />
       </form>
     </div>

diff --git a/examples/next-openai-pages/pages/assistants/stream-assistant-response/index.tsx b/examples/next-openai-pages/pages/assistants/stream-assistant-response/index.tsx
@@ -19,10 +19,11 @@ export default function Page() {
 
       <form onSubmit={submitMessage} className="fixed bottom-0 p-2 w-full">
         <input
-          disabled={status !== 'awaiting_message'}
+          className="bg-zinc-100 w-full p-2"
+          placeholder="Send message..."
           value={input}
           onChange={handleInputChange}
-          className="bg-zinc-100 w-full p-2"
+          disabled={status !== 'awaiting_message'}
         />
       </form>
     </div>

diff --git a/examples/next-openai-pages/pages/basics/generate-object/index.tsx b/examples/next-openai-pages/pages/basics/generate-object/index.tsx
@@ -31,7 +31,12 @@ export default function Page() {
       {isLoading ? (
         'Loading...'
       ) : (
-        <pre className="text-sm w-full whitespace-pre-wrap">{generation}</pre>
+        <pre
+          className="text-sm w-full whitespace-pre-wrap"
+          data-testid="generation"
+        >
+          {generation}
+        </pre>
       )}
     </div>
   );

diff --git a/examples/next-openai-pages/pages/basics/generate-text/index.tsx b/examples/next-openai-pages/pages/basics/generate-text/index.tsx
@@ -27,7 +27,11 @@ export default function Page() {
         Generate
       </div>
 
-      {isLoading ? 'Loading...' : generation}
+      {isLoading ? (
+        'Loading...'
+      ) : (
+        <div data-testid="generation">generation</div>
+      )}
     </div>
   );
 }
diff --git a/examples/next-openai-pages/pages/basics/stream-text/index.tsx b/examples/next-openai-pages/pages/basics/stream-text/index.tsx
@@ -18,7 +18,7 @@ export default function Page() {
         Generate
       </div>
 
-      {completion}
+      <div data-testid="generation">{completion}</div>
     </div>
   );
 }
diff --git a/examples/next-openai-pages/pages/chat/generate-chat/index.tsx b/examples/next-openai-pages/pages/chat/generate-chat/index.tsx
@@ -28,6 +28,7 @@ export default function Page() {
       <div className="fixed bottom-0 p-2 w-full">
         <input
           value={input}
+          placeholder="Send message..."
           onChange={event => {
             setInput(event.target.value);
           }}

diff --git a/examples/next-openai-pages/pages/chat/stream-chat-api-route/index.tsx b/examples/next-openai-pages/pages/chat/stream-chat-api-route/index.tsx
@@ -1,9 +1,10 @@
 import { useChat } from 'ai/react';
 
 export default function Chat() {
-  const { messages, input, handleInputChange, handleSubmit } = useChat({
-    api: '/api/chat-api-route',
-  });
+  const { messages, input, handleInputChange, handleSubmit, isLoading } =
+    useChat({
+      api: '/api/chat-api-route',
+    });
 
   return (
     <div className="flex flex-col gap-2">
@@ -19,8 +20,10 @@ export default function Chat() {
       <form onSubmit={handleSubmit} className="fixed bottom-0 p-2 w-full">
         <input
           value={input}
+          placeholder="Send message..."
           onChange={handleInputChange}
           className="bg-zinc-100 w-full p-2"
+          disabled={isLoading}
         />
       </form>
     </div>

diff --git a/examples/next-openai-pages/pages/chat/stream-chat-edge/index.tsx b/examples/next-openai-pages/pages/chat/stream-chat-edge/index.tsx
@@ -1,9 +1,10 @@
 import { useChat } from 'ai/react';
 
 export default function Chat() {
-  const { messages, input, handleInputChange, handleSubmit } = useChat({
-    api: '/api/chat-edge',
-  });
+  const { messages, input, handleInputChange, handleSubmit, isLoading } =
+    useChat({
+      api: '/api/chat-edge',
+    });
 
   return (
     <div className="flex flex-col gap-2">
@@ -19,8 +20,10 @@ export default function Chat() {
       <form onSubmit={handleSubmit} className="fixed bottom-0 p-2 w-full">
         <input
           value={input}
+          placeholder="Send message..."
           onChange={handleInputChange}
           className="bg-zinc-100 w-full p-2"
+          disabled={isLoading}
         />
       </form>
     </div>

diff --git a/examples/next-openai-pages/pages/chat/stream-chat/index.tsx b/examples/next-openai-pages/pages/chat/stream-chat/index.tsx
@@ -1,9 +1,10 @@
 import { useChat } from 'ai/react';
 
 export default function Page() {
-  const { messages, input, handleSubmit, handleInputChange } = useChat({
-    api: '/api/stream-chat',
-  });
+  const { messages, input, handleSubmit, handleInputChange, isLoading } =
+    useChat({
+      api: '/api/stream-chat',
+    });
 
   return (
     <div className="flex flex-col gap-2">
@@ -19,8 +20,10 @@ export default function Page() {
       <form onSubmit={handleSubmit} className="fixed bottom-0 p-2 w-full">
         <input
           value={input}
+          placeholder="Send message..."
           onChange={handleInputChange}
           className="bg-zinc-100 w-full p-2"
+          disabled={isLoading}
         />
       </form>
     </div>

diff --git a/examples/next-openai-pages/pages/generative-user-interface/route-components/index.tsx b/examples/next-openai-pages/pages/generative-user-interface/route-components/index.tsx
@@ -125,6 +125,7 @@ export default function Page() {
       <form onSubmit={handleSubmit} className="fixed bottom-0 p-2 w-full">
         <input
           value={input}
+          placeholder="Send message..."
           onChange={handleInputChange}
           className="bg-zinc-100 w-full p-2"
         />

diff --git a/examples/next-openai-pages/pages/tools/call-tool/index.tsx b/examples/next-openai-pages/pages/tools/call-tool/index.tsx
@@ -28,6 +28,7 @@ export default function Page() {
       <form onSubmit={handleSubmit} className="fixed bottom-0 p-2 w-full">
         <input
           value={input}
+          placeholder="Send message..."
           onChange={handleInputChange}
           className="bg-zinc-100 w-full p-2"
         />

diff --git a/examples/next-openai-pages/pages/tools/call-tools-in-parallel/index.tsx b/examples/next-openai-pages/pages/tools/call-tools-in-parallel/index.tsx
@@ -30,6 +30,7 @@ export default function Page() {
       <form onSubmit={handleSubmit} className="fixed bottom-0 p-2 w-full">
         <input
           value={input}
+          placeholder="Send message..."
           onChange={handleInputChange}
           className="bg-zinc-100 w-full p-2"
         />