mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-09-15 21:40:06 +02:00
Compare commits
8 Commits
zsviczian-
...
mtolmacs/e
| Author | SHA1 | Date | |
|---|---|---|---|
|
2ed78d4895 | ||
|
|
5ba2798306 | ||
|
|
b8aae34e32 | ||
|
|
6317ac16ee | ||
|
|
9ad75b8375 | ||
|
|
4c9ad1a22f | ||
|
|
023895b49b | ||
|
|
eb37be953a |
27
.github/workflows/playwright.yml
vendored
Normal file
27
.github/workflows/playwright.yml
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
name: Playwright Tests
|
||||
on:
|
||||
push:
|
||||
branches: [ main, master ]
|
||||
pull_request:
|
||||
branches: [ main, master ]
|
||||
jobs:
|
||||
test:
|
||||
timeout-minutes: 60
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: actions/checkout@v4
|
||||
- uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: lts/*
|
||||
- name: Install dependencies
|
||||
run: npm install -g yarn && yarn
|
||||
- name: Install Playwright Browsers
|
||||
run: yarn playwright install --with-deps
|
||||
- name: Run Playwright tests
|
||||
run: yarn playwright test
|
||||
- uses: actions/upload-artifact@v4
|
||||
if: ${{ !cancelled() }}
|
||||
with:
|
||||
name: playwright-report
|
||||
path: playwright-report/
|
||||
retention-days: 30
|
||||
6
.gitignore
vendored
6
.gitignore
vendored
@@ -27,3 +27,9 @@ dev-dist
|
||||
html
|
||||
meta*.json
|
||||
.claude
|
||||
|
||||
# Playwright
|
||||
/test-results/
|
||||
/playwright-report/
|
||||
/blob-report/
|
||||
/playwright/.cache/
|
||||
|
||||
@@ -20,6 +20,7 @@ import {
|
||||
APP_NAME,
|
||||
EVENT,
|
||||
THEME,
|
||||
TITLE_TIMEOUT,
|
||||
VERSION_TIMEOUT,
|
||||
debounce,
|
||||
getVersion,
|
||||
@@ -73,6 +74,7 @@ import type {
|
||||
import type { ResolutionType } from "@excalidraw/common/utility-types";
|
||||
import type { ResolvablePromise } from "@excalidraw/common/utils";
|
||||
|
||||
import "./record";
|
||||
import CustomStats from "./CustomStats";
|
||||
import {
|
||||
Provider,
|
||||
@@ -498,6 +500,11 @@ const ExcalidrawWrapper = () => {
|
||||
}
|
||||
};
|
||||
|
||||
const titleTimeout = setTimeout(
|
||||
() => (document.title = APP_NAME),
|
||||
TITLE_TIMEOUT,
|
||||
);
|
||||
|
||||
const syncData = debounce(() => {
|
||||
if (isTestEnv()) {
|
||||
return;
|
||||
@@ -588,6 +595,7 @@ const ExcalidrawWrapper = () => {
|
||||
visibilityChange,
|
||||
false,
|
||||
);
|
||||
clearTimeout(titleTimeout);
|
||||
};
|
||||
}, [isCollabDisabled, collabAPI, excalidrawAPI, setLangCode]);
|
||||
|
||||
|
||||
@@ -2,7 +2,9 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Excalidraw Whiteboard</title>
|
||||
<title>
|
||||
Free, collaborative whiteboard • Hand-drawn look & feel | Excalidraw
|
||||
</title>
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover, shrink-to-fit=no"
|
||||
|
||||
@@ -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"
|
||||
|
||||
270
excalidraw-app/record.ts
Normal file
270
excalidraw-app/record.ts
Normal file
@@ -0,0 +1,270 @@
|
||||
import { isDevEnv } from "@excalidraw/common";
|
||||
|
||||
declare global {
|
||||
interface Window {
|
||||
record: typeof Record;
|
||||
}
|
||||
}
|
||||
|
||||
export class Record {
|
||||
private static recording: boolean = false;
|
||||
private static events: string = "";
|
||||
private static timestamp: number = 0;
|
||||
|
||||
public static get isRecording() {
|
||||
return Record.recording;
|
||||
}
|
||||
|
||||
private static header() {
|
||||
Record.events += " await page.addInitScript(() => {\n";
|
||||
Record.events += " Math.random = () => 0.42;\n\n";
|
||||
|
||||
// Capture LocalStorage, which is essential to re-establish state
|
||||
for (let i = 0; i < localStorage.length; i++) {
|
||||
const key = localStorage.key(i);
|
||||
if (key != null) {
|
||||
const value = JSON.stringify(localStorage.getItem(key));
|
||||
Record.events += ` localStorage.getItem("${key}");\n`;
|
||||
Record.events += ` localStorage.setItem("${key}", ${value});\n`;
|
||||
}
|
||||
}
|
||||
Record.events += " });\n";
|
||||
Record.events += ` await page.setViewportSize({ width: ${window.innerWidth}, height: ${window.innerHeight} });\n`;
|
||||
Record.events += ` await page.goto("http://localhost:3000");\n`;
|
||||
Record.events += ` await page.waitForLoadState("load");\n`;
|
||||
}
|
||||
|
||||
public static restart() {
|
||||
if (!Record.recording) {
|
||||
Record.start();
|
||||
return;
|
||||
}
|
||||
|
||||
Record.events += `});\n\n`;
|
||||
Record.events += `test("${
|
||||
Date.now() + Math.floor(Math.random() * Date.now()).toString(36)
|
||||
}", async ({ page }) => {\n`;
|
||||
|
||||
Record.header();
|
||||
}
|
||||
|
||||
public static start() {
|
||||
Record.recording = true;
|
||||
|
||||
// Record header
|
||||
this.header();
|
||||
|
||||
// Set up the events
|
||||
Record.timestamp = performance.now();
|
||||
|
||||
window.addEventListener("mousemove", this.onMouseMove);
|
||||
window.addEventListener("mousedown", this.onMouseDown);
|
||||
window.addEventListener("mouseup", this.onMouseUp);
|
||||
window.addEventListener("keydown", this.onKeyDown);
|
||||
window.addEventListener("keyup", this.onKeyUp);
|
||||
}
|
||||
|
||||
public static stop() {
|
||||
window.removeEventListener("mousemove", this.onMouseMove);
|
||||
window.removeEventListener("mousedown", this.onMouseDown);
|
||||
window.removeEventListener("mouseup", this.onMouseUp);
|
||||
window.removeEventListener("keydown", this.onKeyDown);
|
||||
window.removeEventListener("keyup", this.onKeyUp);
|
||||
Record.recording = false;
|
||||
}
|
||||
|
||||
/// Displays a window as an absolutely positioned DIV with the generated
|
||||
/// events within <pre> tags as formatted JSON, so it can be copied easily.
|
||||
public static showGeneratedEvents() {
|
||||
if (Record.recording) {
|
||||
Record.stop();
|
||||
}
|
||||
|
||||
const div = document.createElement("div");
|
||||
div.style.position = "absolute";
|
||||
div.style.top = "10px";
|
||||
div.style.right = "10px";
|
||||
div.style.left = "10px";
|
||||
div.style.height = "60vh";
|
||||
div.style.backgroundColor = "gray";
|
||||
div.style.padding = "10px";
|
||||
div.style.zIndex = "10000";
|
||||
|
||||
const pre = document.createElement("pre");
|
||||
|
||||
let textContent = `import { expect, test } from "@playwright/test";\n\n`;
|
||||
textContent += `test("${
|
||||
Date.now() + Math.floor(Math.random() * Date.now()).toString(36)
|
||||
}", async ({ page }) => {\n`;
|
||||
textContent += Record.events;
|
||||
textContent += `});\n`;
|
||||
|
||||
pre.textContent = textContent;
|
||||
//pre.textContent = Record.events;
|
||||
|
||||
pre.style.marginTop = "18px";
|
||||
pre.style.maxHeight = "60vh";
|
||||
pre.style.overflow = "auto";
|
||||
div.appendChild(pre);
|
||||
|
||||
const copyBtn = document.createElement("button");
|
||||
copyBtn.textContent = "Copy";
|
||||
copyBtn.title = "Copy generated events to clipboard";
|
||||
copyBtn.setAttribute("aria-label", "Copy generated events to clipboard");
|
||||
copyBtn.style.position = "absolute";
|
||||
copyBtn.style.top = "4px";
|
||||
copyBtn.style.left = "4px";
|
||||
copyBtn.style.border = "none";
|
||||
copyBtn.style.background = "transparent";
|
||||
copyBtn.style.fontSize = "12px";
|
||||
copyBtn.style.lineHeight = "1";
|
||||
copyBtn.style.cursor = "pointer";
|
||||
copyBtn.style.padding = "4px 8px";
|
||||
copyBtn.addEventListener("click", async () => {
|
||||
const text = pre.textContent ?? "";
|
||||
try {
|
||||
if (navigator.clipboard && navigator.clipboard.writeText) {
|
||||
await navigator.clipboard.writeText(text);
|
||||
} else {
|
||||
const ta = document.createElement("textarea");
|
||||
ta.value = text;
|
||||
document.body.appendChild(ta);
|
||||
ta.select();
|
||||
document.execCommand("copy");
|
||||
document.body.removeChild(ta);
|
||||
}
|
||||
const orig = copyBtn.textContent;
|
||||
copyBtn.textContent = "Copied";
|
||||
setTimeout(() => (copyBtn.textContent = orig), 1000);
|
||||
} catch {}
|
||||
});
|
||||
div.appendChild(copyBtn);
|
||||
|
||||
const closeBtn = document.createElement("button");
|
||||
closeBtn.textContent = "×";
|
||||
closeBtn.title = "Close";
|
||||
closeBtn.style.position = "absolute";
|
||||
closeBtn.style.top = "4px";
|
||||
closeBtn.style.right = "4px";
|
||||
closeBtn.style.border = "none";
|
||||
closeBtn.style.background = "transparent";
|
||||
closeBtn.style.fontSize = "18px";
|
||||
closeBtn.style.lineHeight = "1";
|
||||
closeBtn.style.cursor = "pointer";
|
||||
closeBtn.addEventListener("click", () => {
|
||||
// remove the dialog from DOM
|
||||
if (div.parentNode) {
|
||||
div.parentNode.removeChild(div);
|
||||
}
|
||||
});
|
||||
div.appendChild(closeBtn);
|
||||
|
||||
document.body.appendChild(div);
|
||||
}
|
||||
|
||||
private static onMouseMove(event: MouseEvent) {
|
||||
if (
|
||||
event.clientX < 0 ||
|
||||
event.clientX > window.innerWidth ||
|
||||
event.clientY < 0 ||
|
||||
event.clientY > window.innerHeight
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
const now = event.timeStamp || performance.now();
|
||||
const delay = now - Record.timestamp;
|
||||
Record.timestamp = now;
|
||||
|
||||
if (delay > 0) {
|
||||
Record.events += ` await page.waitForTimeout(${delay});\n`;
|
||||
}
|
||||
Record.events += ` await page.mouse.move(${event.clientX}, ${event.clientY});\n`;
|
||||
}
|
||||
|
||||
private static onMouseDown(event: MouseEvent) {
|
||||
const now = event.timeStamp || performance.now();
|
||||
const delay = now - Record.timestamp;
|
||||
Record.timestamp = now;
|
||||
|
||||
if (delay > 0) {
|
||||
Record.events += ` await page.waitForTimeout(${delay});\n`;
|
||||
}
|
||||
const button =
|
||||
event.button === 0 ? "left" : event.button === 1 ? "middle" : "right";
|
||||
Record.events += ` await page.mouse.down({ button: "${button}" });\n`;
|
||||
}
|
||||
|
||||
private static onMouseUp(event: MouseEvent) {
|
||||
const now = event.timeStamp || performance.now();
|
||||
const delay = now - Record.timestamp;
|
||||
Record.timestamp = now;
|
||||
|
||||
if (delay > 0) {
|
||||
Record.events += ` await page.waitForTimeout(${delay});\n`;
|
||||
}
|
||||
const button =
|
||||
event.button === 0 ? "left" : event.button === 1 ? "middle" : "right";
|
||||
Record.events += ` await page.mouse.up({ button: "${button}" });\n`;
|
||||
|
||||
Record.events += " await expect(page).toHaveScreenshot({\n";
|
||||
Record.events += " maxDiffPixels: 100,\n";
|
||||
Record.events += " maxDiffPixelRatio: 0.01,\n";
|
||||
Record.events += " });\n";
|
||||
}
|
||||
|
||||
private static onKeyDown(event: KeyboardEvent) {
|
||||
// Only record if the recording key is not pressed
|
||||
if (event.key !== "F2") {
|
||||
const now = event.timeStamp || performance.now();
|
||||
const delay = now - Record.timestamp;
|
||||
Record.timestamp = now;
|
||||
|
||||
if (delay > 0) {
|
||||
Record.events += ` await page.waitForTimeout(${delay});\n`;
|
||||
}
|
||||
Record.events += ` await page.keyboard.down("${event.key}");\n`;
|
||||
}
|
||||
}
|
||||
|
||||
private static onKeyUp(event: KeyboardEvent) {
|
||||
// Only record if the recording key is not pressed
|
||||
if (event.key !== "F2") {
|
||||
const now = event.timeStamp || performance.now();
|
||||
const delay = now - Record.timestamp;
|
||||
Record.timestamp = now;
|
||||
|
||||
if (delay > 0) {
|
||||
Record.events += ` await page.waitForTimeout(${delay});\n`;
|
||||
}
|
||||
Record.events += ` await page.keyboard.up("${event.key}");\n`;
|
||||
|
||||
Record.events += " await expect(page).toHaveScreenshot({\n";
|
||||
Record.events += " maxDiffPixels: 100,\n";
|
||||
Record.events += " maxDiffPixelRatio: 0.01,\n";
|
||||
Record.events += " });\n";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (isDevEnv()) {
|
||||
window.record = Record;
|
||||
|
||||
window.addEventListener("keyup", (event) => {
|
||||
if (event.key === "F2") {
|
||||
if (Record.isRecording) {
|
||||
if (event.ctrlKey) {
|
||||
console.info("Stopping Playwright recording");
|
||||
Record.stop();
|
||||
} else {
|
||||
Record.restart();
|
||||
}
|
||||
} else {
|
||||
console.info("Starting Playwright recording");
|
||||
Record.start();
|
||||
}
|
||||
} else if (event.key === "Enter" && event.ctrlKey) {
|
||||
Record.showGeneratedEvents();
|
||||
}
|
||||
});
|
||||
}
|
||||
716
excalidraw-app/tests/regression/binding.spec.ts
Normal file
716
excalidraw-app/tests/regression/binding.spec.ts
Normal file
@@ -0,0 +1,716 @@
|
||||
import { expect, test } from "@playwright/test";
|
||||
|
||||
test("17562123239901g67cqde", async ({ page }) => {
|
||||
await page.addInitScript(() => {
|
||||
Math.random = () => 0.42;
|
||||
|
||||
localStorage.getItem("i18nextLng");
|
||||
localStorage.setItem("i18nextLng", "en");
|
||||
localStorage.getItem("excalidraw-collab");
|
||||
localStorage.setItem("excalidraw-collab", '{"username":""}');
|
||||
localStorage.getItem("excalidraw-debug");
|
||||
localStorage.setItem("excalidraw-debug", '{"enabled":true}');
|
||||
localStorage.getItem("excalidraw-theme");
|
||||
localStorage.setItem("excalidraw-theme", "dark");
|
||||
localStorage.getItem("version-files");
|
||||
localStorage.setItem("version-files", "1756212319038");
|
||||
localStorage.getItem("version-dataState");
|
||||
localStorage.setItem("version-dataState", "1756212319038");
|
||||
localStorage.getItem("excalidraw-state");
|
||||
localStorage.setItem(
|
||||
"excalidraw-state",
|
||||
'{"showWelcomeScreen":true,"theme":"dark","currentChartType":"bar","currentItemBackgroundColor":"#a5d8ff","currentItemEndArrowhead":"arrow","currentItemFillStyle":"solid","currentItemFontFamily":5,"currentItemFontSize":20,"currentItemOpacity":100,"currentItemRoughness":2,"currentItemStartArrowhead":null,"currentItemStrokeColor":"#1e1e1e","currentItemRoundness":"round","currentItemArrowType":"round","currentItemStrokeStyle":"solid","currentItemStrokeWidth":2,"currentItemTextAlign":"left","cursorButton":"up","editingGroupId":null,"activeTool":{"type":"arrow","customType":null,"locked":false,"fromSelection":false,"lastActiveTool":null},"penMode":false,"penDetected":false,"exportBackground":true,"exportScale":1,"exportEmbedScene":false,"exportWithDarkMode":false,"gridSize":20,"gridStep":5,"gridModeEnabled":false,"defaultSidebarDockedPreference":false,"lastPointerDownWith":"mouse","name":"Untitled-2025-07-28-1603","openMenu":null,"openSidebar":null,"previousSelectedElementIds":{},"scrolledOutside":false,"scrollX":688.1079394457738,"scrollY":349.585883261872,"selectedElementIds":{},"selectedGroupIds":{},"shouldCacheIgnoreZoom":false,"stats":{"open":true,"panels":3},"viewBackgroundColor":"#ffffff","zenModeEnabled":false,"zoom":{"value":1.331666},"selectedLinearElement":null,"objectsSnapModeEnabled":false,"lockedMultiSelections":{}}',
|
||||
);
|
||||
localStorage.getItem("excalidraw");
|
||||
localStorage.setItem(
|
||||
"excalidraw",
|
||||
'[{"id":"hJuTw4QcwTsFtadNNnkLj","type":"rectangle","x":-100,"y":-100,"width":200,"height":200,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#a5d8ff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"index":"a1","roundness":{"type":3},"seed":43277494,"version":839,"versionNonce":1923298088,"isDeleted":false,"boundElements":[{"id":"0xSZCPMN8RzKiJOpvGaKB","type":"arrow"}],"updated":1756212298830,"link":null,"locked":false},{"id":"qXw5KqKvAjHRr5uwPi9B-","type":"rectangle","x":-523.1841597523046,"y":-129.52451989693097,"width":200,"height":200,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#a5d8ff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"index":"a2","roundness":{"type":3},"seed":392633439,"version":963,"versionNonce":210394408,"isDeleted":false,"boundElements":[{"id":"0xSZCPMN8RzKiJOpvGaKB","type":"arrow"}],"updated":1756212298830,"link":null,"locked":false}]',
|
||||
);
|
||||
});
|
||||
await page.setViewportSize({ width: 1280, height: 1001 });
|
||||
await page.goto("http://localhost:3000");
|
||||
await page.waitForLoadState("load");
|
||||
await page.waitForTimeout(3.599999999627471);
|
||||
await page.mouse.move(425, 390);
|
||||
await page.waitForTimeout(9.900000000372529);
|
||||
await page.mouse.move(424, 390);
|
||||
await page.waitForTimeout(51.09999999962747);
|
||||
await page.mouse.move(423, 390);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(423, 392);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(422, 392);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(420, 393);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(420, 395);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(418, 395);
|
||||
await page.waitForTimeout(6);
|
||||
await page.mouse.move(417, 396);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(416, 396);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(416, 397);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(414, 397);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(414, 399);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(413, 399);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(413, 401);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(413, 402);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(411, 402);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(411, 403);
|
||||
await page.waitForTimeout(32);
|
||||
await page.mouse.move(412, 403);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(412, 403);
|
||||
await page.waitForTimeout(4);
|
||||
await page.mouse.move(412, 402);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(413, 402);
|
||||
await page.waitForTimeout(0.900000000372529);
|
||||
await page.mouse.move(413, 400);
|
||||
await page.waitForTimeout(1.099999999627471);
|
||||
await page.mouse.move(415, 400);
|
||||
await page.waitForTimeout(7);
|
||||
await page.mouse.move(416, 400);
|
||||
await page.waitForTimeout(71);
|
||||
await page.mouse.move(417, 400);
|
||||
await page.waitForTimeout(450);
|
||||
await page.mouse.move(417, 399);
|
||||
await page.waitForTimeout(6);
|
||||
await page.mouse.move(418, 399);
|
||||
await page.waitForTimeout(6.1000000005587935);
|
||||
await page.mouse.move(419, 399);
|
||||
await page.mouse.down({ button: "left" });
|
||||
await page.waitForTimeout(11.899999999441206);
|
||||
await page.mouse.move(420, 399);
|
||||
await page.waitForTimeout(69);
|
||||
await page.mouse.move(421, 399);
|
||||
await page.waitForTimeout(13);
|
||||
await page.mouse.move(422, 399);
|
||||
await page.waitForTimeout(7.1000000005587935);
|
||||
await page.mouse.move(423, 399);
|
||||
await page.waitForTimeout(5.3999999994412065);
|
||||
await page.mouse.move(425, 399);
|
||||
await page.waitForTimeout(0.5);
|
||||
await page.mouse.move(427, 401);
|
||||
await page.waitForTimeout(4);
|
||||
await page.mouse.move(428, 401);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(428, 403);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(430, 403);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(432, 403);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(432, 404);
|
||||
await page.waitForTimeout(2.1000000005587935);
|
||||
await page.mouse.move(433, 404);
|
||||
await page.waitForTimeout(1.8999999994412065);
|
||||
await page.mouse.move(434, 404);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(436, 406);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(437, 406);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(438, 407);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(440, 407);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(442, 407);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(443, 409);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(445, 409);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(447, 411);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(451, 411);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(455, 411);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(457, 413);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(459, 413);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(461, 415);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(463, 417);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(467, 419);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(469, 419);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(471, 420);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(473, 424);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(477, 424);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(477, 426);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(478, 426);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(482, 428);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(484, 430);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(486, 430);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(488, 430);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(488, 432);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(489, 432);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(491, 432);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(493, 434);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(495, 434);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(499, 436);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(501, 436);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(502, 436);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(504, 438);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(506, 440);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(508, 440);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(510, 442);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(512, 444);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(514, 444);
|
||||
await page.waitForTimeout(2.1000000005587935);
|
||||
await page.mouse.move(514, 445);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(515, 445);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(517, 445);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(517, 447);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(519, 448);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(521, 448);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(522, 450);
|
||||
await page.waitForTimeout(2.1000000005587935);
|
||||
await page.mouse.move(524, 450);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(525, 450);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(527, 450);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(529, 450);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(530, 450);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(532, 450);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(533, 451);
|
||||
await page.waitForTimeout(6);
|
||||
await page.mouse.move(534, 451);
|
||||
await page.waitForTimeout(3.1000000005587935);
|
||||
await page.mouse.move(535, 451);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(535, 453);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(537, 453);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(538, 453);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(540, 453);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(540, 454);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(541, 454);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(542, 454);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(543, 454);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(544, 454);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(544, 455);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(546, 455);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(547, 455);
|
||||
await page.waitForTimeout(2.1000000005587935);
|
||||
await page.mouse.move(548, 455);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(549, 455);
|
||||
await page.waitForTimeout(1.8999999994412065);
|
||||
await page.mouse.move(551, 455);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(552, 455);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(554, 455);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(555, 455);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(557, 455);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(559, 457);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(560, 457);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(562, 459);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(564, 459);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(566, 459);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(567, 459);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(569, 459);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(570, 459);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(574, 460);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(575, 460);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(575, 462);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(577, 464);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(578, 464);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(580, 464);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(582, 465);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(584, 465);
|
||||
await page.waitForTimeout(1.8999999994412065);
|
||||
await page.mouse.move(585, 465);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(586, 465);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(588, 467);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(590, 467);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(591, 467);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(591, 468);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(594, 468);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(595, 468);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(597, 468);
|
||||
await page.waitForTimeout(2.7000000001862645);
|
||||
await page.mouse.move(601, 470);
|
||||
await page.waitForTimeout(1.400000000372529);
|
||||
await page.mouse.move(602, 470);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(603, 470);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(605, 470);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(607, 470);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(608, 470);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(610, 470);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(612, 470);
|
||||
await page.waitForTimeout(2.8999999994412065);
|
||||
await page.mouse.move(613, 470);
|
||||
await page.waitForTimeout(1.2000000001862645);
|
||||
await page.mouse.move(613, 471);
|
||||
await page.waitForTimeout(1.7999999998137355);
|
||||
await page.mouse.move(614, 471);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(616, 473);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(618, 473);
|
||||
await page.waitForTimeout(1.8999999994412065);
|
||||
await page.mouse.move(621, 473);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(623, 473);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(625, 473);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(626, 473);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(628, 473);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(629, 473);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(631, 473);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(634, 475);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(636, 475);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(638, 475);
|
||||
await page.waitForTimeout(2.1000000005587935);
|
||||
await page.mouse.move(639, 475);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(640, 475);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(642, 475);
|
||||
await page.waitForTimeout(1.8999999994412065);
|
||||
await page.mouse.move(644, 475);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(647, 475);
|
||||
await page.waitForTimeout(2.1000000005587935);
|
||||
await page.mouse.move(649, 475);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(650, 475);
|
||||
await page.waitForTimeout(2.1000000005587935);
|
||||
await page.mouse.move(652, 475);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(653, 475);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(655, 475);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(656, 476);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(658, 476);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(659, 476);
|
||||
await page.waitForTimeout(1.8999999994412065);
|
||||
await page.mouse.move(660, 476);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(662, 476);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(663, 476);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(664, 476);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(666, 474);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(668, 474);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(670, 474);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(671, 474);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(673, 476);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(675, 476);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(678, 476);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(680, 476);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(682, 476);
|
||||
await page.waitForTimeout(4);
|
||||
await page.mouse.move(683, 476);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(684, 476);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(686, 476);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(690, 476);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(694, 478);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(696, 478);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(698, 478);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(699, 478);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(703, 478);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(705, 478);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(707, 478);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(708, 478);
|
||||
await page.waitForTimeout(1.8999999994412065);
|
||||
await page.mouse.move(711, 478);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(713, 478);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(714, 478);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(716, 478);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(717, 478);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(719, 478);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(722, 478);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(724, 478);
|
||||
await page.waitForTimeout(2.1000000005587935);
|
||||
await page.mouse.move(725, 478);
|
||||
await page.waitForTimeout(1.8999999994412065);
|
||||
await page.mouse.move(726, 478);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(727, 478);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(733, 480);
|
||||
await page.waitForTimeout(2.8999999994412065);
|
||||
await page.mouse.move(734, 480);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(735, 480);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(737, 480);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(739, 480);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(740, 480);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(742, 480);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(744, 480);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(744, 482);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(745, 482);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(747, 482);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(748, 482);
|
||||
await page.waitForTimeout(4);
|
||||
await page.mouse.move(749, 482);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(751, 482);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(753, 482);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(755, 482);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(758, 482);
|
||||
await page.waitForTimeout(2.1000000005587935);
|
||||
await page.mouse.move(760, 482);
|
||||
await page.waitForTimeout(6);
|
||||
await page.mouse.move(761, 483);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(763, 484);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(765, 484);
|
||||
await page.waitForTimeout(2.8999999994412065);
|
||||
await page.mouse.move(766, 485);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(767, 485);
|
||||
await page.waitForTimeout(11);
|
||||
await page.mouse.move(768, 485);
|
||||
await page.waitForTimeout(12.100000000558794);
|
||||
await page.mouse.move(769, 485);
|
||||
await page.waitForTimeout(51.89999999944121);
|
||||
await page.mouse.move(770, 485);
|
||||
await page.waitForTimeout(9);
|
||||
await page.mouse.move(771, 485);
|
||||
await page.waitForTimeout(3.1000000005587935);
|
||||
await page.mouse.move(772, 485);
|
||||
await page.waitForTimeout(5);
|
||||
await page.mouse.move(773, 485);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(774, 485);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(776, 487);
|
||||
await page.waitForTimeout(4);
|
||||
await page.mouse.move(777, 487);
|
||||
await page.waitForTimeout(4.1000000005587935);
|
||||
await page.mouse.move(778, 487);
|
||||
await page.waitForTimeout(1.8999999994412065);
|
||||
await page.mouse.move(779, 487);
|
||||
await page.waitForTimeout(2.1000000005587935);
|
||||
await page.mouse.move(780, 488);
|
||||
await page.waitForTimeout(2.8999999994412065);
|
||||
await page.mouse.move(781, 488);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(782, 488);
|
||||
await page.waitForTimeout(1.8999999994412065);
|
||||
await page.mouse.move(784, 488);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(785, 488);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(786, 488);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(788, 488);
|
||||
await page.waitForTimeout(8.899999999441206);
|
||||
await page.mouse.move(789, 488);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(790, 488);
|
||||
await page.waitForTimeout(5);
|
||||
await page.mouse.move(791, 488);
|
||||
await page.waitForTimeout(4);
|
||||
await page.mouse.move(792, 488);
|
||||
await page.waitForTimeout(6.1000000005587935);
|
||||
await page.mouse.move(793, 488);
|
||||
await page.waitForTimeout(3.8999999994412065);
|
||||
await page.mouse.move(793, 489);
|
||||
await page.waitForTimeout(6);
|
||||
await page.mouse.move(794, 489);
|
||||
await page.waitForTimeout(4.1000000005587935);
|
||||
await page.mouse.move(795, 489);
|
||||
await page.waitForTimeout(7.599999999627471);
|
||||
await page.mouse.move(796, 489);
|
||||
await page.waitForTimeout(3.400000000372529);
|
||||
await page.mouse.move(797, 489);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(798, 489);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(799, 489);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(800, 489);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(801, 489);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(802, 489);
|
||||
await page.waitForTimeout(1.8999999994412065);
|
||||
await page.mouse.move(803, 489);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(804, 489);
|
||||
await page.waitForTimeout(2.1000000005587935);
|
||||
await page.mouse.move(805, 489);
|
||||
await page.waitForTimeout(5.8999999994412065);
|
||||
await page.mouse.move(806, 490);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(807, 490);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(809, 490);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(810, 490);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(812, 490);
|
||||
await page.waitForTimeout(1.8999999994412065);
|
||||
await page.mouse.move(813, 490);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(815, 490);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(816, 492);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(818, 492);
|
||||
await page.waitForTimeout(2.1000000005587935);
|
||||
await page.mouse.move(819, 492);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(820, 492);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(822, 492);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(823, 492);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(825, 492);
|
||||
await page.waitForTimeout(2.8999999994412065);
|
||||
await page.mouse.move(826, 492);
|
||||
await page.waitForTimeout(1.1000000005587935);
|
||||
await page.mouse.move(827, 492);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(828, 492);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(830, 492);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(831, 492);
|
||||
await page.waitForTimeout(2.1000000005587935);
|
||||
await page.mouse.move(832, 492);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(833, 493);
|
||||
await page.waitForTimeout(6.1000000005587935);
|
||||
await page.mouse.move(835, 493);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(836, 493);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(838, 493);
|
||||
await page.waitForTimeout(0.8999999994412065);
|
||||
await page.mouse.move(839, 493);
|
||||
await page.waitForTimeout(4.1000000005587935);
|
||||
await page.mouse.move(841, 493);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(842, 493);
|
||||
await page.waitForTimeout(3.8999999994412065);
|
||||
await page.mouse.move(843, 493);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(843, 492);
|
||||
await page.waitForTimeout(4.1000000005587935);
|
||||
await page.mouse.move(844, 492);
|
||||
await page.waitForTimeout(4);
|
||||
await page.mouse.move(844, 493);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(845, 493);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(846, 493);
|
||||
await page.waitForTimeout(4);
|
||||
await page.mouse.move(847, 494);
|
||||
await page.waitForTimeout(24.899999999441206);
|
||||
await page.mouse.move(847, 495);
|
||||
await page.waitForTimeout(29.100000000558794);
|
||||
await page.mouse.move(848, 495);
|
||||
await page.waitForTimeout(297.8999999994412);
|
||||
await page.mouse.move(848, 495);
|
||||
await page.waitForTimeout(5.7000000001862645);
|
||||
await page.mouse.up({ button: "left" });
|
||||
await expect(page).toHaveScreenshot({
|
||||
maxDiffPixels: 100,
|
||||
maxDiffPixelRatio: 0.01,
|
||||
});
|
||||
await page.waitForTimeout(11.299999999813735);
|
||||
await page.mouse.move(847, 495);
|
||||
await page.waitForTimeout(199.1000000005588);
|
||||
await page.mouse.move(847, 495);
|
||||
await page.waitForTimeout(249.29999999981374);
|
||||
await page.mouse.move(846, 495);
|
||||
await page.waitForTimeout(5.7000000001862645);
|
||||
await page.mouse.move(846, 496);
|
||||
await page.waitForTimeout(6);
|
||||
await page.mouse.move(845, 496);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(845, 497);
|
||||
await page.waitForTimeout(9);
|
||||
await page.mouse.move(845, 498);
|
||||
await page.waitForTimeout(3.8999999994412065);
|
||||
await page.mouse.move(844, 498);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(844, 500);
|
||||
await page.waitForTimeout(8);
|
||||
await page.mouse.move(844, 501);
|
||||
await page.waitForTimeout(3.1000000005587935);
|
||||
await page.mouse.move(843, 501);
|
||||
await page.waitForTimeout(137);
|
||||
await page.mouse.move(844, 501);
|
||||
await page.waitForTimeout(68.09999999962747);
|
||||
await page.mouse.move(845, 501);
|
||||
await page.waitForTimeout(7.7999999998137355);
|
||||
await page.mouse.move(845, 500);
|
||||
await page.waitForTimeout(1);
|
||||
await page.mouse.move(846, 500);
|
||||
await page.waitForTimeout(4);
|
||||
await page.mouse.move(847, 500);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(848, 500);
|
||||
await page.waitForTimeout(3.1000000005587935);
|
||||
await page.mouse.move(849, 500);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(850, 500);
|
||||
await page.waitForTimeout(5);
|
||||
await page.mouse.move(851, 500);
|
||||
await page.waitForTimeout(2);
|
||||
await page.mouse.move(852, 499);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(854, 499);
|
||||
await page.waitForTimeout(5);
|
||||
await page.mouse.move(855, 499);
|
||||
await page.waitForTimeout(3);
|
||||
await page.mouse.move(856, 499);
|
||||
await page.waitForTimeout(6);
|
||||
await page.mouse.move(857, 499);
|
||||
await page.waitForTimeout(12);
|
||||
await page.mouse.move(858, 499);
|
||||
await page.waitForTimeout(24);
|
||||
await page.mouse.move(858, 498);
|
||||
await page.waitForTimeout(4);
|
||||
await page.mouse.move(858, 498);
|
||||
await page.waitForTimeout(59.200000000186265);
|
||||
await page.keyboard.down("Control");
|
||||
});
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
@@ -11,9 +11,11 @@
|
||||
"@babel/preset-env": "7.26.9",
|
||||
"@excalidraw/eslint-config": "1.0.3",
|
||||
"@excalidraw/prettier-config": "1.0.2",
|
||||
"@playwright/test": "1.55.0",
|
||||
"@types/chai": "4.3.0",
|
||||
"@types/jest": "27.4.0",
|
||||
"@types/lodash.throttle": "4.1.7",
|
||||
"@types/node": "24.3.0",
|
||||
"@types/react": "19.0.10",
|
||||
"@types/react-dom": "19.0.4",
|
||||
"@types/socket.io-client": "3.0.0",
|
||||
@@ -62,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",
|
||||
|
||||
@@ -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)
|
||||
|
||||
@@ -2737,6 +2737,12 @@ class App extends React.Component<AppProps, AppState> {
|
||||
addEventListener(window, EVENT.RESIZE, this.onResize, false),
|
||||
addEventListener(window, EVENT.UNLOAD, this.onUnload, false),
|
||||
addEventListener(window, EVENT.BLUR, this.onBlur, false),
|
||||
addEventListener(
|
||||
this.excalidrawContainerRef.current,
|
||||
EVENT.WHEEL,
|
||||
this.handleWheel,
|
||||
{ passive: false },
|
||||
),
|
||||
addEventListener(
|
||||
this.excalidrawContainerRef.current,
|
||||
EVENT.DRAG_OVER,
|
||||
@@ -11159,20 +11165,9 @@ class App extends React.Component<AppProps, AppState> {
|
||||
event: WheelEvent | React.WheelEvent<HTMLDivElement | HTMLCanvasElement>,
|
||||
) => {
|
||||
// if not scrolling on canvas/wysiwyg, ignore
|
||||
const path = (event as any).composedPath?.() as EventTarget[] | undefined;
|
||||
const isOnExcalidrawCanvas =
|
||||
path?.some(
|
||||
(n) =>
|
||||
n instanceof HTMLCanvasElement &&
|
||||
n.classList?.contains("excalidraw__canvas"),
|
||||
) ||
|
||||
(event.target as Element | null)?.closest?.(
|
||||
"canvas.excalidraw__canvas",
|
||||
) != null;
|
||||
|
||||
if (
|
||||
!(
|
||||
isOnExcalidrawCanvas ||
|
||||
event.target instanceof HTMLCanvasElement ||
|
||||
event.target instanceof HTMLTextAreaElement ||
|
||||
event.target instanceof HTMLIFrameElement
|
||||
)
|
||||
|
||||
89
playwright.config.ts
Normal file
89
playwright.config.ts
Normal file
@@ -0,0 +1,89 @@
|
||||
import { defineConfig, devices } from "@playwright/test";
|
||||
|
||||
/**
|
||||
* Read environment variables from file.
|
||||
* https://github.com/motdotla/dotenv
|
||||
*/
|
||||
// import dotenv from 'dotenv';
|
||||
// import path from 'path';
|
||||
// dotenv.config({ path: path.resolve(__dirname, '.env') });
|
||||
|
||||
/**
|
||||
* See https://playwright.dev/docs/test-configuration.
|
||||
*/
|
||||
export default defineConfig({
|
||||
testDir: "./excalidraw-app/tests/regression",
|
||||
snapshotPathTemplate:
|
||||
"{snapshotDir}/{testFileDir}/{testFileName}-snapshots/{arg}{ext}",
|
||||
/* Run tests in files in parallel */
|
||||
fullyParallel: true,
|
||||
/* Fail the build on CI if you accidentally left test.only in the source code. */
|
||||
forbidOnly: !!process.env.CI,
|
||||
/* Retry on CI only */
|
||||
retries: process.env.CI ? 2 : 1,
|
||||
/* Opt out of parallel tests on CI. */
|
||||
workers: process.env.CI ? 1 : undefined,
|
||||
/* Reporter to use. See https://playwright.dev/docs/test-reporters */
|
||||
reporter: "html",
|
||||
/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
|
||||
use: {
|
||||
actionTimeout: 0,
|
||||
/* Base URL to use in actions like `await page.goto('/')`. */
|
||||
baseURL: "http://localhost:3000",
|
||||
|
||||
/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
|
||||
trace: "on-first-retry",
|
||||
headless: true,
|
||||
},
|
||||
timeout: 1200000,
|
||||
|
||||
/* Configure projects for major browsers */
|
||||
projects: [
|
||||
{
|
||||
name: "chromium",
|
||||
use: {
|
||||
...devices["Desktop Chrome"],
|
||||
launchOptions: {
|
||||
args: ["--disable-font-subpixel-positioning", "--disable-gpu"],
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
// {
|
||||
// name: "firefox",
|
||||
// use: { ...devices["Desktop Firefox"] },
|
||||
// },
|
||||
|
||||
// {
|
||||
// name: "webkit",
|
||||
// use: { ...devices["Desktop Safari"] },
|
||||
// },
|
||||
|
||||
/* Test against mobile viewports. */
|
||||
// {
|
||||
// name: 'Mobile Chrome',
|
||||
// use: { ...devices['Pixel 5'] },
|
||||
// },
|
||||
// {
|
||||
// name: 'Mobile Safari',
|
||||
// use: { ...devices['iPhone 12'] },
|
||||
// },
|
||||
|
||||
/* Test against branded browsers. */
|
||||
// {
|
||||
// name: 'Microsoft Edge',
|
||||
// use: { ...devices['Desktop Edge'], channel: 'msedge' },
|
||||
// },
|
||||
// {
|
||||
// name: 'Google Chrome',
|
||||
// use: { ...devices['Desktop Chrome'], channel: 'chrome' },
|
||||
// },
|
||||
],
|
||||
|
||||
/* Run your local dev server before starting the tests */
|
||||
webServer: {
|
||||
command: "yarn start --no-open",
|
||||
url: "http://localhost:3000",
|
||||
reuseExistingServer: !process.env.CI,
|
||||
},
|
||||
});
|
||||
38
yarn.lock
38
yarn.lock
@@ -2162,6 +2162,13 @@
|
||||
resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
|
||||
integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
|
||||
|
||||
"@playwright/test@1.55.0":
|
||||
version "1.55.0"
|
||||
resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.55.0.tgz#080fa6d9ee6d749ff523b1c18259572d0268b963"
|
||||
integrity sha512-04IXzPwHrW69XusN/SIdDdKZBzMfOT9UNT/YiJit/xpy2VuAoB8NHc8Aplb96zsWDddLnbkPL3TsmrS04ZU2xQ==
|
||||
dependencies:
|
||||
playwright "1.55.0"
|
||||
|
||||
"@polka/url@^1.0.0-next.24":
|
||||
version "1.0.0-next.28"
|
||||
resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.28.tgz#d45e01c4a56f143ee69c54dd6b12eade9e270a73"
|
||||
@@ -2945,6 +2952,13 @@
|
||||
dependencies:
|
||||
undici-types "~6.20.0"
|
||||
|
||||
"@types/node@24.3.0":
|
||||
version "24.3.0"
|
||||
resolved "https://registry.yarnpkg.com/@types/node/-/node-24.3.0.tgz#89b09f45cb9a8ee69466f18ee5864e4c3eb84dec"
|
||||
integrity sha512-aPTXCrfwnDLj4VvXrm+UUCQjNEvJgNA8s5F1cvwQU+3KNltTOkBm1j30uNLyqqPNe7gE3KFzImYoZEfLhp4Yow==
|
||||
dependencies:
|
||||
undici-types "~7.10.0"
|
||||
|
||||
"@types/node@>=12.12.47", "@types/node@>=13.7.0":
|
||||
version "22.13.8"
|
||||
resolved "https://registry.yarnpkg.com/@types/node/-/node-22.13.8.tgz#57e2450295b33a6518d6fd4f65f47236d3e41d8d"
|
||||
@@ -5826,6 +5840,11 @@ fs.realpath@^1.0.0:
|
||||
resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
|
||||
integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
|
||||
|
||||
fsevents@2.3.2:
|
||||
version "2.3.2"
|
||||
resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
|
||||
integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
|
||||
|
||||
fsevents@~2.3.2, fsevents@~2.3.3:
|
||||
version "2.3.3"
|
||||
resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
|
||||
@@ -7838,6 +7857,20 @@ pkg-dir@4.2.0:
|
||||
dependencies:
|
||||
find-up "^4.0.0"
|
||||
|
||||
playwright-core@1.55.0:
|
||||
version "1.55.0"
|
||||
resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.55.0.tgz#ec8a9f8ef118afb3e86e0f46f1393e3bea32adf4"
|
||||
integrity sha512-GvZs4vU3U5ro2nZpeiwyb0zuFaqb9sUiAJuyrWpcGouD8y9/HLgGbNRjIph7zU9D3hnPaisMl9zG9CgFi/biIg==
|
||||
|
||||
playwright@1.55.0:
|
||||
version "1.55.0"
|
||||
resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.55.0.tgz#7aca7ac3ffd9e083a8ad8b2514d6f9ba401cc78b"
|
||||
integrity sha512-sdCWStblvV1YU909Xqx0DhOjPZE4/5lJsIS84IfN9dAZfcl/CIZ5O8l3o0j7hPMjDvqoTF8ZUcc+i/GL5erstA==
|
||||
dependencies:
|
||||
playwright-core "1.55.0"
|
||||
optionalDependencies:
|
||||
fsevents "2.3.2"
|
||||
|
||||
png-chunk-text@1.0.0:
|
||||
version "1.0.0"
|
||||
resolved "https://registry.yarnpkg.com/png-chunk-text/-/png-chunk-text-1.0.0.tgz#1c6006d8e34ba471d38e1c9c54b3f53e1085e18f"
|
||||
@@ -9328,6 +9361,11 @@ undici-types@~6.20.0:
|
||||
resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-6.20.0.tgz#8171bf22c1f588d1554d55bf204bc624af388433"
|
||||
integrity sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==
|
||||
|
||||
undici-types@~7.10.0:
|
||||
version "7.10.0"
|
||||
resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-7.10.0.tgz#4ac2e058ce56b462b056e629cc6a02393d3ff350"
|
||||
integrity sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==
|
||||
|
||||
unicode-canonical-property-names-ecmascript@^2.0.0:
|
||||
version "2.0.1"
|
||||
resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz#cb3173fe47ca743e228216e4a3ddc4c84d628cc2"
|
||||
|
||||
Reference in New Issue
Block a user