fix: Improve rendering stability

excalidraw-app/package.json

@@ -46,6 +46,7 @@
     "build:version": "node ../scripts/build-version.js",
     "build": "yarn build:app && yarn build:version",
     "start": "yarn && vite",
+    "start:test": "yarn && vite --mode test",
     "start:production": "yarn build && yarn serve",
     "serve": "npx http-server build -a localhost -p 5001 -o",
     "build:preview": "yarn build && vite preview --port 5000"

package.json

@@ -64,6 +64,7 @@
     "build:preview": "yarn --cwd ./excalidraw-app build:preview",
     "start": "yarn --cwd ./excalidraw-app start",
     "start:production": "yarn --cwd ./excalidraw-app start:production",
+    "start:test": "yarn --cwd ./excalidraw-app start:test",
     "start:example": "yarn build:packages && yarn --cwd ./examples/with-script-in-browser start",
     "test:all": "yarn test:typecheck && yarn test:code && yarn test:other && yarn test:app --watch=false",
     "test:app": "vitest",

packages/element/src/shape.ts

@@ -21,6 +21,7 @@ import {
   assertNever,
   COLOR_PALETTE,
   LINE_POLYGON_POINT_MERGE_DISTANCE,
+  isTestEnv,
 } from "@excalidraw/common";
 
 import { RoughGenerator } from "roughjs/bin/generator";
@@ -182,7 +183,7 @@ export const generateRoughOptions = (
   continuousPath = false,
 ): Options => {
   const options: Options = {
-    seed: element.seed,
+    seed: isTestEnv() ? 1 : element.seed,
     strokeLineDash:
       element.strokeStyle === "dashed"
         ? getDashArrayDashed(element.strokeWidth)

playwright.config.ts

@@ -44,7 +44,7 @@ export default defineConfig({
       use: {
         ...devices["Desktop Chrome"],
         launchOptions: {
-          args: ["--disable-font-subpixel-positioning"],
+          args: ["--disable-font-subpixel-positioning", "--disable-gpu"],
         },
       },
     },