🐛 Fix update canvas background color

frontend/playwright/ui/render-wasm-specs/shapes.spec.js

@@ -138,3 +138,26 @@ test("Renders shapes with exif rotated images fills and strokes", async ({
 
   await expect(workspace.canvas).toHaveScreenshot();
 });
+
+test("Updates canvas background", async ({
+  page,
+}) => {
+  const workspace = new WasmWorkspacePage(page);
+  await workspace.setupEmptyFile();
+  await workspace.mockGetFile("render-wasm/get-file-text.json");
+
+  await workspace.goToWorkspace({
+    id: "3b0d758a-8c9d-8013-8006-52c8337e5c72",
+    pageId: "3b0d758a-8c9d-8013-8006-52c8337e5c73",
+  });
+  await workspace.waitForFirstRender({ hideUI: false });
+
+  const canvasBackgroundInput = workspace.page.getByRole("textbox", { name: 'Color' });
+  await canvasBackgroundInput.fill("FABADA");
+  await workspace.page.keyboard.press("Enter");
+
+  // can't hide UI cause this will trigger a re-render
+  // await workspace.hideUI();
+
+  await expect(workspace.canvas).toHaveScreenshot();
+});

render-wasm/src/main.rs

@@ -115,6 +115,7 @@ pub extern "C" fn set_canvas_background(raw_color: u32) {
     with_state_mut!(state, {
         let color = skia::Color::new(raw_color);
         state.set_background_color(color);
+        state.rebuild_tiles();
     });
 }