Tweak E2E tests to make them less flaky

src/e2e/app.ts

@@ -357,6 +357,7 @@ export class App {
   private async clickSettingsMenu(): Promise<void> {
     // All test ids for the sake of language-related tests.
     const document = await this.document();
+    await document.waitForSelector('[data-testid="settings"]');
     return (await document.findByTestId("settings")).click();
   }
 
@@ -745,6 +746,7 @@ export class App {
 
   async connect(): Promise<void> {
     const document = await this.document();
+    await document.waitForSelector('[data-testid="more-connect-options"]');
     const moreConnectOptions = await document.findByTestId(
       "more-connect-options"
     );

src/e2e/documentation.test.ts

@@ -5,7 +5,7 @@
  */
 import { App } from "./app";
 
-describe("documentaion", () => {
+describe("documentation", () => {
   const app = new App();
   beforeEach(app.reset.bind(app));
   afterEach(app.screenshot.bind(app));

src/e2e/edits.test.ts

@@ -38,7 +38,7 @@ describe("edits", () => {
     await app.reloadPage();
 
     await app.findVisibleEditorContents(/A change/, {
-      timeout: 2_000,
+      timeout: 5_000,
     });
   });
 });