website: Add e2e tests of ranking replies and prompts

Like the previous commit, these are intended to function as a minimal smoke test that the API interaction with the backend is functional.

website/src/pages/evaluate/rank_assistant_replies.tsx

@@ -78,11 +78,13 @@ const RankAssistantReplies = () => {
           <Flex justify="center" ml="auto" gap={2}>
             <SkipButton>Skip</SkipButton>
             {endTask.task.type !== "task_done" ? (
-              <SubmitButton onClick={() => submitResponse(tasks[0])} disabled={ranking.length === 0}>
+              <SubmitButton data-cy="submit" onClick={() => submitResponse(tasks[0])} disabled={ranking.length === 0}>
                 Submit
               </SubmitButton>
             ) : (
-              <SubmitButton onClick={fetchNextTask}>Next Task</SubmitButton>
+              <SubmitButton data-cy="next-task" onClick={fetchNextTask}>
+                Next Task
+              </SubmitButton>
             )}
           </Flex>
         </section>

website/src/pages/evaluate/rank_initial_prompts.tsx

@@ -77,11 +77,13 @@ const RankInitialPrompts = () => {
           <Flex justify="center" ml="auto" gap={2}>
             <SkipButton>Skip</SkipButton>
             {endTask.task.type !== "task_done" ? (
-              <SubmitButton onClick={() => submitResponse(tasks[0])} disabled={ranking.length === 0}>
+              <SubmitButton data-cy="submit" onClick={() => submitResponse(tasks[0])} disabled={ranking.length === 0}>
                 Submit
               </SubmitButton>
             ) : (
-              <SubmitButton onClick={fetchNextTask}>Next Task</SubmitButton>
+              <SubmitButton data-cy="next-task" onClick={fetchNextTask}>
+                Next Task
+              </SubmitButton>
             )}
           </Flex>
         </section>

website/src/pages/evaluate/rank_user_replies.tsx

@@ -78,11 +78,13 @@ const RankUserReplies = () => {
           <Flex justify="center" ml="auto" gap={2}>
             <SkipButton>Skip</SkipButton>
             {endTask.task.type !== "task_done" ? (
-              <SubmitButton onClick={() => submitResponse(tasks[0])} disabled={ranking.length === 0}>
+              <SubmitButton data-cy="submit" onClick={() => submitResponse(tasks[0])} disabled={ranking.length === 0}>
                 Submit
               </SubmitButton>
             ) : (
-              <SubmitButton onClick={fetchNextTask}>Next Task</SubmitButton>
+              <SubmitButton data-cy="next-task" onClick={fetchNextTask}>
+                Next Task
+              </SubmitButton>
             )}
           </Flex>
         </section>