test: address flake. (#84)

Author: knightedcodemonkey

playwright/rendering-modes.spec.ts

@@ -595,10 +595,14 @@ test('auto render implicitly wraps source with App in dom and react modes', asyn
   )
 
   await page.getByRole('combobox', { name: 'Render mode' }).selectOption('react')
+  await expect(page.getByRole('combobox', { name: 'Render mode' })).toHaveValue('react')
   await setComponentEditorSource(
     page,
     'const Button = () => <button type="button">implicit app react</button>',
   )
+  await expect(
+    page.locator('.editor-panel[data-editor-kind="component"] .cm-content').first(),
+  ).toContainText('implicit app react')
 
   await expect(page.getByRole('status', { name: 'App status' })).toHaveText('Rendered')
   await expect(getPreviewFrame(page).getByRole('button')).toContainText(
@@ -720,13 +724,13 @@ test('persists style mode across reload', async ({ page }) => {
 
   await ensurePanelToolsVisible(page, 'styles')
   await page.getByRole('combobox', { name: 'Style mode' }).selectOption('sass')
+  await expect(page.locator('#style-mode')).toHaveValue('sass')
   await expect(page.getByRole('status', { name: 'App status' })).toHaveText('Rendered')
 
   await page.reload()
   await waitForInitialRender(page)
-  await ensurePanelToolsVisible(page, 'styles')
 
-  await expect(page.getByRole('combobox', { name: 'Style mode' })).toHaveValue('sass')
+  await expect(page.locator('#style-mode')).toHaveValue('sass')
 })
 
 test('renders with less style mode', async ({ page }) => {

src/modules/app-core/workspace-controllers-setup.js

@@ -128,6 +128,7 @@ const createWorkspaceControllersSetup = ({
     getDirtyStateForTabChange,
     syncHeaderLabels,
     queueWorkspaceSave,
+    flushWorkspaceSave,
     maybeRender: () => maybeRender(),
     setWorkspaceTabAddMenuOpen,
     confirmAction,

src/modules/app-core/workspace-tab-mutations-controller.js

@@ -12,6 +12,7 @@ const createWorkspaceTabMutationsController = ({
   getDirtyStateForTabChange,
   syncHeaderLabels,
   queueWorkspaceSave,
+  flushWorkspaceSave,
   maybeRender,
   setWorkspaceTabAddMenuOpen,
   confirmAction,
@@ -143,7 +144,13 @@ const createWorkspaceTabMutationsController = ({
         }
 
         renderWorkspaceTabs()
-        queueWorkspaceSave()
+        if (typeof flushWorkspaceSave === 'function') {
+          void flushWorkspaceSave().catch(() => {
+            /* Save failures are surfaced through workspace saver onError. */
+          })
+        } else {
+          queueWorkspaceSave()
+        }
         maybeRender()
       },
     })