ff82d1cfa3
* feat: add the ability to change the alignement of the text * test: update the snapshots to included the newely textAlign state * style: use explicit key assignment to object * test: add missing new key textAlign to newElement.test.ts * style: make the text on the buttons start with uppercase * Update src/locales/en.json * add types * add migration * remove incorrect update Co-authored-by: Youness Fkhach <younessfkhach@porotonmail.com> Co-authored-by: Lipis <lipiridis@gmail.com> Co-authored-by: dwelle <luzar.david@gmail.com>
93 lines
2.1 KiB
TypeScript
93 lines
2.1 KiB
TypeScript
import {
|
|
newTextElement,
|
|
duplicateElement,
|
|
newLinearElement,
|
|
} from "./newElement";
|
|
import { mutateElement } from "./mutateElement";
|
|
|
|
function isPrimitive(val: any) {
|
|
const type = typeof val;
|
|
return val == null || (type !== "object" && type !== "function");
|
|
}
|
|
|
|
function assertCloneObjects(source: any, clone: any) {
|
|
for (const key in clone) {
|
|
if (clone.hasOwnProperty(key) && !isPrimitive(clone[key])) {
|
|
expect(clone[key]).not.toBe(source[key]);
|
|
if (source[key]) {
|
|
assertCloneObjects(source[key], clone[key]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
it("clones arrow element", () => {
|
|
const element = newLinearElement({
|
|
type: "arrow",
|
|
x: 0,
|
|
y: 0,
|
|
strokeColor: "#000000",
|
|
backgroundColor: "transparent",
|
|
fillStyle: "hachure",
|
|
strokeWidth: 1,
|
|
roughness: 1,
|
|
opacity: 100,
|
|
});
|
|
|
|
// @ts-ignore
|
|
element.__proto__ = { hello: "world" };
|
|
|
|
mutateElement(element, {
|
|
points: [
|
|
[1, 2],
|
|
[3, 4],
|
|
],
|
|
});
|
|
|
|
const copy = duplicateElement(element);
|
|
|
|
assertCloneObjects(element, copy);
|
|
|
|
// @ts-ignore
|
|
expect(copy.__proto__).toEqual({ hello: "world" });
|
|
expect(copy.hasOwnProperty("hello")).toBe(false);
|
|
|
|
expect(copy.points).not.toBe(element.points);
|
|
expect(copy).not.toHaveProperty("shape");
|
|
expect(copy.id).not.toBe(element.id);
|
|
expect(typeof copy.id).toBe("string");
|
|
expect(copy.seed).not.toBe(element.seed);
|
|
expect(typeof copy.seed).toBe("number");
|
|
expect(copy).toEqual({
|
|
...element,
|
|
id: copy.id,
|
|
seed: copy.seed,
|
|
});
|
|
});
|
|
|
|
it("clones text element", () => {
|
|
const element = newTextElement({
|
|
x: 0,
|
|
y: 0,
|
|
strokeColor: "#000000",
|
|
backgroundColor: "transparent",
|
|
fillStyle: "hachure",
|
|
strokeWidth: 1,
|
|
roughness: 1,
|
|
opacity: 100,
|
|
text: "hello",
|
|
font: "Arial 20px",
|
|
textAlign: "left",
|
|
});
|
|
|
|
const copy = duplicateElement(element);
|
|
|
|
assertCloneObjects(element, copy);
|
|
|
|
expect(copy).not.toHaveProperty("points");
|
|
expect(copy).not.toHaveProperty("shape");
|
|
expect(copy.id).not.toBe(element.id);
|
|
expect(typeof copy.id).toBe("string");
|
|
expect(typeof copy.seed).toBe("number");
|
|
});
|