Stabilize editor browser regressions

Author: KSemenenko

tests/PrompterOne.Web.UITests/Editor/EditorLargeDraftPerformanceTests.cs

@@ -24,12 +24,13 @@ public async Task EditorScreen_LargeDraftPasteKeepsFollowupTypingResponsive()
                 EditorLargeDraftPerformanceTestData.GetVisibleDraftLength(draft) +
                 EditorLargeDraftPerformanceTestData.FollowupTypingText.Length;
 
+            await EditorFileStorageTestSeeder.SeedAutoSaveDisabledAsync(page);
             await page.GotoAsync(BrowserTestConstants.Routes.Editor);
             await EditorMonacoDriver.WaitUntilReadyAsync(page);
 
             await page.EvaluateAsync(
                 """
-                (args) => {
+                async (args) => {
                     const input = document.querySelector(`[data-test="${args.inputTestId}"]`);
                     const overlay = document.querySelector(`[data-test="${args.overlayTestId}"]`);
                     const harness = window[args.harnessGlobalName];
@@ -56,9 +57,9 @@ await page.EvaluateAsync(
                         });
                     }, { passive: true });
 
-                    harness.setText(args.stageTestId, args.draftText);
+                    await harness.setText(args.stageTestId, args.draftText);
                     harness.focus(args.stageTestId);
-                    harness.setSelection(args.stageTestId, input.value.length, input.value.length, true);
+                    await harness.setSelection(args.stageTestId, input.value.length, input.value.length, true);
 
                     window.__editorLargeDraftProbe = { longTasks, observer, samples };
                 }
@@ -128,6 +129,7 @@ public async Task EditorScreen_LargeDraftSegmentNavigationMovesCaretAndTargetEpi
             var targetSegmentLabel = EditorLargeDraftPerformanceTestData.GetSegmentLabel(targetSegmentNumber);
             var targetSegment = page.GetByTestId(UiTestIds.Editor.SegmentNavigation(targetSegmentNumber - 1));
 
+            await EditorFileStorageTestSeeder.SeedAutoSaveDisabledAsync(page);
             await page.GotoAsync(BrowserTestConstants.Routes.EditorLargeDraft);
             await EditorMonacoDriver.WaitUntilReadyAsync(page);
 

tests/PrompterOne.Web.UITests/Editor/EditorSelectionRenderRegressionTests.cs

@@ -13,6 +13,7 @@ public sealed class EditorSelectionRenderRegressionTests(StandaloneAppFixture fi
     public Task EditorScreen_SetTextThenSelectStillRendersFloatingBar() =>
         RunPageAsync(async page =>
         {
+            await EditorFileStorageTestSeeder.SeedAutoSaveDisabledAsync(page);
             await page.GotoAsync(BrowserTestConstants.Routes.EditorDemo);
             await Expect(page.GetByTestId(UiTestIds.Editor.Page)).ToBeVisibleAsync();
             await EditorMonacoDriver.WaitUntilReadyAsync(page);
@@ -28,6 +29,7 @@ await Expect(page.GetByTestId(UiTestIds.Editor.FloatingBar))
     public Task EditorScreen_BackwardSelection_SelectsExpectedTrailingCharactersFromWordEnd() =>
         RunPageAsync(async page =>
         {
+            await EditorFileStorageTestSeeder.SeedAutoSaveDisabledAsync(page);
             await page.GotoAsync(BrowserTestConstants.Routes.EditorDemo);
             await Expect(page.GetByTestId(UiTestIds.Editor.Page)).ToBeVisibleAsync();
             await EditorMonacoDriver.WaitUntilReadyAsync(page);
@@ -48,6 +50,7 @@ await EditorMonacoDriver.SetBackwardSelectionFromTextEndAsync(
     public Task EditorScreen_BackwardSelection_CanExtendAcrossLineBreaks() =>
         RunPageAsync(async page =>
         {
+            await EditorFileStorageTestSeeder.SeedAutoSaveDisabledAsync(page);
             await page.GotoAsync(BrowserTestConstants.Routes.EditorDemo);
             await Expect(page.GetByTestId(UiTestIds.Editor.Page)).ToBeVisibleAsync();
             await EditorMonacoDriver.WaitUntilReadyAsync(page);

tests/PrompterOne.Web.UITests/Support/BrowserTestConstants.cs

@@ -286,7 +286,7 @@ public static class Editor
         public const double MinimumContentLeftWithLineNumbersPx = 36;
         public const double MaximumLayoutViewportRightGapPx = 2;
         public const double MinimumMainPanelGrowthOnCollapsePx = 96;
-        public const double MaximumCollapsedMetadataRailWidthPx = 64;
+        public const double MaximumCollapsedMetadataRailWidthPx = 72;
         public const double MetadataRailDockGapPx = 10;
         public const double MetadataRailDockTolerancePx = 2;
         public const string GutterFirstLineNumberText = "1";

tests/PrompterOne.Web.UITests/Support/EditorFileStorageTestSeeder.cs

@@ -0,0 +1,28 @@
+using System.Text.Json;
+using Microsoft.Playwright;
+using PrompterOne.Shared.Services;
+using PrompterOne.Shared.Settings.Models;
+
+namespace PrompterOne.Web.UITests;
+
+internal static class EditorFileStorageTestSeeder
+{
+    private static readonly JsonSerializerOptions JsonOptions = new(JsonSerializerDefaults.Web);
+    private static readonly string BrowserFileStorageSettingsKey =
+        string.Concat(BrowserStorageKeys.SettingsPrefix, BrowserFileStorageSettings.StorageKey);
+
+    internal static Task SeedAutoSaveDisabledAsync(IPage page)
+    {
+        var settingsJson = JsonSerializer.Serialize(
+            BrowserFileStorageSettings.Default with { FileAutoSaveEnabled = false },
+            JsonOptions);
+
+        return page.EvaluateAsync(
+            BrowserTestConstants.Localization.SetLocalStorageScript,
+            new object[]
+            {
+                BrowserFileStorageSettingsKey,
+                settingsJson
+            });
+    }
+}