abstract-image 3.1.0 → 3.2.0

package/src/index.ts

@@ -1,11 +1,11 @@
-export * from "./model/abstract-image";
-export * from "./model/color";
-export * from "./model/component";
-export * from "./model/point";
-export * from "./model/size";
-
-export * from "./exporters/svg-export-image";
-export * from "./exporters/png-export-image";
-export * from "./exporters/dxf2d-export-image";
-export * from "./exporters/react-svg-export-image";
-export * from "./exporters/eps-export-image";
+export * from "./model/abstract-image";
+export * from "./model/color";
+export * from "./model/component";
+export * from "./model/point";
+export * from "./model/size";
+
+export * from "./exporters/svg-export-image";
+export * from "./exporters/png-export-image";
+export * from "./exporters/dxf2d-export-image";
+export * from "./exporters/react-svg-export-image";
+export * from "./exporters/eps-export-image";

package/src/model/__tests__/color/export-test-def.ts

@@ -0,0 +1,13 @@
+/**
+ * Defines a data-type that represents a single test for the Docx render function
+ */
+
+import * as AbstractImage from "../../../../src/index";
+
+export type ExportTestDef = {
+  readonly name: string;
+  readonly only?: boolean;
+  readonly skip?: boolean;
+  readonly abstractColor: {} | AbstractImage.Color | undefined;
+  readonly expectedColor: {} | undefined;
+};

package/src/model/__tests__/color/export.test.tsx

@@ -0,0 +1,14 @@
+import path from "path";
+import { loadTests, onlySkip } from "@abstract-visuals/test-utils";
+import { ExportTestDef } from "./export-test-def";
+
+export const tests = loadTests<ExportTestDef>(path.join(__dirname, "test-defs/"));
+
+describe("color", () => {
+  onlySkip(tests).forEach((item) => {
+    test(item.name, async () => {
+      // const abstractDoc = render(item.abstractDocJsx);
+      expect(item.abstractColor).toEqual(item.expectedColor);
+    });
+  });
+});

package/src/model/__tests__/color/test-defs/color-from-string.ts

@@ -0,0 +1,46 @@
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+
+const colorStrings = [
+  "#ff000000",
+  "#ff0000ff",
+  "#ffa52a2a",
+  "#ff00ffff",
+  "#ffa9a9a9",
+  "#ff808080",
+  "#ff008000",
+  "#ffd3d3d3",
+  "#ffff00ff",
+  "#ffffa500",
+  "#ff800080",
+  "#ffff0000",
+  "#ffffffff",
+  "#ffffffff",
+  "#ffffff00",
+  "#ffadd8e6",
+];
+
+const fromColor = colorStrings.map((color) => AbstractImage.fromString(color));
+
+export const test: ExportTestDef = {
+  name: "color from string",
+  abstractColor: fromColor,
+  expectedColor: [
+    { a: 255, b: 0, g: 0, r: 0 },
+    { a: 255, b: 255, g: 0, r: 0 },
+    { a: 255, b: 42, g: 42, r: 165 },
+    { a: 255, b: 255, g: 255, r: 0 },
+    { a: 255, b: 169, g: 169, r: 169 },
+    { a: 255, b: 128, g: 128, r: 128 },
+    { a: 255, b: 0, g: 128, r: 0 },
+    { a: 255, b: 211, g: 211, r: 211 },
+    { a: 255, b: 255, g: 0, r: 255 },
+    { a: 255, b: 0, g: 165, r: 255 },
+    { a: 255, b: 128, g: 0, r: 128 },
+    { a: 255, b: 0, g: 0, r: 255 },
+    { a: 255, b: 255, g: 255, r: 255 },
+    { a: 255, b: 255, g: 255, r: 255 },
+    { a: 255, b: 0, g: 255, r: 255 },
+    { a: 255, b: 230, g: 216, r: 173 },
+  ],
+};

package/src/model/__tests__/color/test-defs/color-to-string.ts

@@ -0,0 +1,35 @@
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+
+const colors = [
+  AbstractImage.black,
+  AbstractImage.blue,
+  AbstractImage.brown,
+  AbstractImage.cyan,
+  AbstractImage.darkGray,
+  AbstractImage.gray,
+  AbstractImage.green,
+  AbstractImage.lightGray,
+  AbstractImage.magenta,
+  AbstractImage.orange,
+  AbstractImage.purple,
+  AbstractImage.red,
+  AbstractImage.transparent,
+  AbstractImage.white,
+  AbstractImage.yellow,
+  AbstractImage.lightBlue,
+];
+
+const colorString = colors
+  .map((color) => AbstractImage.toString6Hex(color))
+  .reduce((acc, color) => {
+    acc += `${color} `;
+    return acc;
+  }, "")
+  .slice(0, -1);
+
+export const test: ExportTestDef = {
+  name: "color to string",
+  abstractColor: colorString,
+  expectedColor: `000000 0000ff a52a2a 00ffff a9a9a9 808080 008000 d3d3d3 ff00ff ffa500 800080 ff0000 ffffff ffffff ffff00 add8e6`,
+};

package/src/model/__tests__/color/test-defs/color-undefined-2.ts

@@ -0,0 +1,8 @@
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+
+export const test: ExportTestDef = {
+  name: "color undefined 2",
+  abstractColor: AbstractImage.fromString("#########"),
+  expectedColor: undefined,
+};

package/src/model/__tests__/color/test-defs/color-undefined.ts

@@ -0,0 +1,8 @@
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+
+export const test: ExportTestDef = {
+  name: "color undefined",
+  abstractColor: AbstractImage.fromString("#fff"),
+  expectedColor: undefined,
+};

package/src/model/abstract-image.ts

@@ -1,25 +1,25 @@
-import * as Size from "./size";
-import * as Color from "./color";
-import * as Component from "./component";
-import * as Point from "./point";
-
-export interface AbstractImage {
-  readonly topLeft: Point.Point;
-  readonly size: Size.Size;
-  readonly backgroundColor: Color.Color;
-  readonly components: Array<Component.Component>;
-}
-
-export function createAbstractImage(
-  topLeft: Point.Point,
-  size: Size.Size,
-  backgroundColor: Color.Color,
-  components: Array<Component.Component>
-): AbstractImage {
-  return {
-    topLeft: topLeft,
-    size: size,
-    backgroundColor: backgroundColor,
-    components: components
-  };
-}
+import * as Size from "./size";
+import * as Color from "./color";
+import * as Component from "./component";
+import * as Point from "./point";
+
+export interface AbstractImage {
+  readonly topLeft: Point.Point;
+  readonly size: Size.Size;
+  readonly backgroundColor: Color.Color;
+  readonly components: Array<Component.Component>;
+}
+
+export function createAbstractImage(
+  topLeft: Point.Point,
+  size: Size.Size,
+  backgroundColor: Color.Color,
+  components: Array<Component.Component>
+): AbstractImage {
+  return {
+    topLeft: topLeft,
+    size: size,
+    backgroundColor: backgroundColor,
+    components: components
+  };
+}

package/src/model/color.ts

@@ -1,52 +1,52 @@
-export interface Color {
-  readonly a: number;
-  readonly r: number;
-  readonly g: number;
-  readonly b: number;
-}
-
-export function fromArgb(a: number, r: number, g: number, b: number): Color {
-  return { a: a, r: r, g: g, b: b };
-}
-
-export function toString6Hex(color: Color): string {
-  return (
-    ("00" + color.r.toString(16)).substr(-2) +
-    ("00" + color.g.toString(16)).substr(-2) +
-    ("00" + color.b.toString(16)).substr(-2)
-  );
-}
-
-export function fromString(s: string): Color | undefined {
-  if (s === null || s === undefined || s.length !== 9 || s[0] !== "#") {
-    return undefined;
-  }
-
-  const a: number = parseInt(s.substring(1, 1 + 2), 16);
-  const r: number = parseInt(s.substring(3, 3 + 2), 16);
-  const g: number = parseInt(s.substring(5, 5 + 2), 16);
-  const b: number = parseInt(s.substring(7, 7 + 2), 16);
-
-  if (isNaN(a) || isNaN(r) || isNaN(g) || isNaN(b)) {
-    return undefined;
-  }
-
-  return fromArgb(a, r, g, b);
-}
-
-export const black: Color = fromArgb(0xff, 0, 0, 0);
-export const blue: Color = fromArgb(0xff, 0x00, 0x00, 0xff);
-export const brown: Color = fromArgb(0xff, 0xa5, 0x2a, 0x2a);
-export const cyan: Color = fromArgb(0xff, 0x00, 0xff, 0xff);
-export const darkGray: Color = fromArgb(0xff, 0xa9, 0xa9, 0xa9);
-export const gray: Color = fromArgb(0xff, 0x80, 0x80, 0x80);
-export const green: Color = fromArgb(0xff, 0x00, 0x80, 0x00);
-export const lightGray: Color = fromArgb(0xff, 0xd3, 0xd3, 0xd3);
-export const magenta: Color = fromArgb(0xff, 0xff, 0x00, 0xff);
-export const orange: Color = fromArgb(0xff, 0xff, 0xa5, 0x00);
-export const purple: Color = fromArgb(0xff, 0x80, 0x00, 0x80);
-export const red: Color = fromArgb(0xff, 0xff, 0x00, 0x00);
-export const transparent: Color = fromArgb(0x00, 0xff, 0xff, 0xff);
-export const white: Color = fromArgb(0xff, 0xff, 0xff, 0xff);
-export const yellow: Color = fromArgb(0xff, 0xff, 0xff, 0x00);
-export const lightBlue: Color = fromArgb(0xff, 0xad, 0xd8, 0xe6);
+export interface Color {
+  readonly a: number;
+  readonly r: number;
+  readonly g: number;
+  readonly b: number;
+}
+
+export function fromArgb(a: number, r: number, g: number, b: number): Color {
+  return { a: a, r: r, g: g, b: b };
+}
+
+export function toString6Hex(color: Color): string {
+  return (
+    ("00" + color.r.toString(16)).substr(-2) +
+    ("00" + color.g.toString(16)).substr(-2) +
+    ("00" + color.b.toString(16)).substr(-2)
+  );
+}
+
+export function fromString(s: string): Color | undefined {
+  if (s === null || s === undefined || s.length !== 9 || s[0] !== "#") {
+    return undefined;
+  }
+
+  const a: number = parseInt(s.substring(1, 1 + 2), 16);
+  const r: number = parseInt(s.substring(3, 3 + 2), 16);
+  const g: number = parseInt(s.substring(5, 5 + 2), 16);
+  const b: number = parseInt(s.substring(7, 7 + 2), 16);
+
+  if (isNaN(a) || isNaN(r) || isNaN(g) || isNaN(b)) {
+    return undefined;
+  }
+
+  return fromArgb(a, r, g, b);
+}
+
+export const black: Color = fromArgb(0xff, 0, 0, 0);
+export const blue: Color = fromArgb(0xff, 0x00, 0x00, 0xff);
+export const brown: Color = fromArgb(0xff, 0xa5, 0x2a, 0x2a);
+export const cyan: Color = fromArgb(0xff, 0x00, 0xff, 0xff);
+export const darkGray: Color = fromArgb(0xff, 0xa9, 0xa9, 0xa9);
+export const gray: Color = fromArgb(0xff, 0x80, 0x80, 0x80);
+export const green: Color = fromArgb(0xff, 0x00, 0x80, 0x00);
+export const lightGray: Color = fromArgb(0xff, 0xd3, 0xd3, 0xd3);
+export const magenta: Color = fromArgb(0xff, 0xff, 0x00, 0xff);
+export const orange: Color = fromArgb(0xff, 0xff, 0xa5, 0x00);
+export const purple: Color = fromArgb(0xff, 0x80, 0x00, 0x80);
+export const red: Color = fromArgb(0xff, 0xff, 0x00, 0x00);
+export const transparent: Color = fromArgb(0x00, 0xff, 0xff, 0xff);
+export const white: Color = fromArgb(0xff, 0xff, 0xff, 0xff);
+export const yellow: Color = fromArgb(0xff, 0xff, 0xff, 0x00);
+export const lightBlue: Color = fromArgb(0xff, 0xad, 0xd8, 0xe6);