c6a0cfc2b1
* Initial factoring out of parts of the LayerUI component 2360 → 2224 LOC * Create a Section component * Break up src/index.tsx * Refactor actions to reduce duplication, fix CSS Also consolidate icons * Move scene/data.ts to its own directory * Fix accidental reverts, banish further single-character variables * ACTIVE_ELEM_COLOR → ACTIVE_ELEMENT_COLOR * Further refactoring the icons file * Log all errors * Pointer Event polyfill to make the tests work * add test hooks & fix tests Co-authored-by: dwelle <luzar.david@gmail.com>
33 lines
914 B
TypeScript
33 lines
914 B
TypeScript
import { queries, buildQueries } from "@testing-library/react";
|
|
|
|
const _getAllByToolName = (container: HTMLElement, tool: string) => {
|
|
const toolMap: { [propKey: string]: string } = {
|
|
selection: "Selection — S, 1",
|
|
rectangle: "Rectangle — R, 2",
|
|
diamond: "Diamond — D, 3",
|
|
ellipse: "Ellipse — E, 4",
|
|
arrow: "Arrow — A, 5",
|
|
line: "Line — L, 6",
|
|
};
|
|
|
|
const toolTitle = toolMap[tool as string];
|
|
return queries.getAllByTitle(container, toolTitle);
|
|
};
|
|
|
|
const getMultipleError = (_container: any, tool: any) =>
|
|
`Found multiple elements with tool name: ${tool}`;
|
|
const getMissingError = (_container: any, tool: any) =>
|
|
`Unable to find an element with tool name: ${tool}`;
|
|
|
|
export const [
|
|
queryByToolName,
|
|
getAllByToolName,
|
|
getByToolName,
|
|
findAllByToolName,
|
|
findByToolName,
|
|
] = buildQueries<string[]>(
|
|
_getAllByToolName,
|
|
getMultipleError,
|
|
getMissingError,
|
|
);
|