Reorder steps based on Puppeteer Replay types

Author: nickserv

src/index.ts

@@ -49,11 +49,6 @@ export class Extension implements StringifyExtension {
           `userEvent.click(${stringifySelector(step.selectors[0])}")`,
         )
         break
-      case "waitForElement":
-        out.appendLine(
-          `await waitFor(() => ${stringifySelector(step.selectors[0])})`,
-        )
-        break
       case "navigate":
         if (step === flow.steps.find((step) => step.type === "navigate")) {
           for (const { url, title } of step.assertedEvents ?? []) {
@@ -70,6 +65,11 @@ export class Extension implements StringifyExtension {
           )
         }
         break
+      case "waitForElement":
+        out.appendLine(
+          `await waitFor(() => ${stringifySelector(step.selectors[0])})`,
+        )
+        break
       default:
         console.log(
           `Warning: Testing Library does not currently handle migrating steps of type: ${step.type}. Please check the output to see how this might affect your test.`,