smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

expose a few state props for debugging (#1008)

Browse source 
* expose a few state props for debugging

* rename h.appState & add h.setState

* support setting elements
This commit is contained in:
David Luzar 2020-03-18 20:44:05 +01:00 • committed by GitHub
parent cb66adc716
commit ff033640e4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 94 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

87
src/components/App.tsx
View file

@ -64,7 +64,7 @@ import {
import { KEYS, isArrowKey } from "../keys";
import { findShapeByKey, shapesShortcutKeys } from "../shapes";
import { createHistory } from "../history";
import { createHistory, SceneHistory } from "../history";
import ContextMenu from "./ContextMenu";
@ -113,33 +113,6 @@ function withBatchedUpdates<
}) as TFunction;
}
// -----------------------------------------------------------------------------
// TEST HOOKS
// -----------------------------------------------------------------------------
declare global {
interface Window {
__TEST__: {
elements: readonly ExcalidrawElement[];
appState: AppState;
};
}
}
if (process.env.NODE_ENV === "test") {
window.__TEST__ = {} as Window["__TEST__"];
}
// -----------------------------------------------------------------------------
if (process.env.NODE_ENV === "test") {
Object.defineProperty(window.__TEST__, "elements", {
get() {
return globalSceneState.getAllElements();
},
});
}
const { history } = createHistory();
let cursorX = 0;
@ -476,11 +449,23 @@ export class App extends React.Component<any, AppState> {
private unmounted = false;
public async componentDidMount() {
if (process.env.NODE_ENV === "test") {
Object.defineProperty(window.__TEST__, "appState", {
configurable: true,
get: () => {
return this.state;
if (
process.env.NODE_ENV === "test" ||
process.env.NODE_ENV === "development"
) {
const setState = this.setState.bind(this);
Object.defineProperties(window.h, {
state: {
configurable: true,
get: () => {
return this.state;
},
},
setState: {
configurable: true,
value: (...args: Parameters<typeof setState>) => {
return this.setState(...args);
},
},
});
}
@ -2447,3 +2432,39 @@ export class App extends React.Component<any, AppState> {
}
}
}
// -----------------------------------------------------------------------------
// TEST HOOKS
// -----------------------------------------------------------------------------
declare global {
interface Window {
h: {
elements: readonly ExcalidrawElement[];
state: AppState;
history: SceneHistory;
};
}
}
if (process.env.NODE_ENV === "test" || process.env.NODE_ENV === "development") {
window.h = {} as Window["h"];
Object.defineProperties(window.h, {
elements: {
get() {
return globalSceneState.getAllElements();
},
set(elements: ExcalidrawElement[]) {
return globalSceneState.replaceAllElements(elements);
},
},
history: {
get() {
return history;
},
},
});
}
// -----------------------------------------------------------------------------