abstract-image 3.1.1 → 3.2.1

package/src/exporters/__tests__/svg-export-image/test-defs/svg-polygon.ts

@@ -0,0 +1,32 @@
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+
+const components = [
+  AbstractImage.createPolygon(
+    [
+      AbstractImage.createPoint(110, 10),
+      AbstractImage.createPoint(100, 20),
+      AbstractImage.createPoint(110, 30),
+      AbstractImage.createPoint(100, 40),
+      AbstractImage.createPoint(110, 50),
+    ],
+    AbstractImage.blue,
+    2,
+    AbstractImage.red
+  ),
+];
+const image = AbstractImage.createAbstractImage(
+  AbstractImage.createPoint(0, 0),
+  AbstractImage.createSize(400, 400),
+  AbstractImage.white,
+  components
+);
+
+const svg = AbstractImage.createSVG(image);
+
+export const test: ExportTestDef = {
+  name: "svg polygon",
+  abstractImage: svg,
+  expectedImage:
+    '<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 400 400"><polygon points="110,10 100,20 110,30 100,40 110,50" stroke="rgb(0, 0, 255)" stroke-opacity="1" stroke-width="2" fill="rgb(255, 0, 0)" fill-opacity="1"></polygon></svg>',
+};

package/src/exporters/__tests__/svg-export-image/test-defs/svg-polyline.ts

@@ -0,0 +1,33 @@
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+
+const components = [
+  AbstractImage.createPolyLine(
+    [
+      AbstractImage.createPoint(10, 40),
+      AbstractImage.createPoint(20, 30),
+      AbstractImage.createPoint(30, 40),
+      AbstractImage.createPoint(40, 30),
+      AbstractImage.createPoint(50, 40),
+      AbstractImage.createPoint(60, 30),
+      AbstractImage.createPoint(70, 40),
+    ],
+    AbstractImage.black,
+    2
+  ),
+];
+const image = AbstractImage.createAbstractImage(
+  AbstractImage.createPoint(0, 0),
+  AbstractImage.createSize(400, 400),
+  AbstractImage.white,
+  components
+);
+
+const svg = AbstractImage.createSVG(image);
+
+export const test: ExportTestDef = {
+  name: "svg polyline",
+  abstractImage: svg,
+  expectedImage:
+    '<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 400 400"><polyline fill="none" points="10,40 20,30 30,40 40,30 50,40 60,30 70,40" stroke="rgb(0, 0, 0)" stroke-opacity="1" stroke-width="2"></polyline></svg>',
+};

package/src/exporters/__tests__/svg-export-image/test-defs/svg-rectangle.ts

@@ -0,0 +1,27 @@
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+
+const components = [
+  AbstractImage.createRectangle(
+    AbstractImage.createPoint(10, 50),
+    AbstractImage.createPoint(50, 60),
+    AbstractImage.blue,
+    2,
+    AbstractImage.red
+  ),
+];
+const image = AbstractImage.createAbstractImage(
+  AbstractImage.createPoint(0, 0),
+  AbstractImage.createSize(400, 400),
+  AbstractImage.white,
+  components
+);
+
+const svg = AbstractImage.createSVG(image);
+
+export const test: ExportTestDef = {
+  name: "svg rectangle",
+  abstractImage: svg,
+  expectedImage:
+    '<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 400 400"><rect x="10" y="50" width="40" height="10" stroke="rgb(0, 0, 255)" stroke-opacity="1" stroke-width="2" fill="rgb(255, 0, 0)" fill-opacity="1"></rect></svg>',
+};

package/src/exporters/__tests__/svg-export-image/test-defs/svg-text-bold.ts

@@ -0,0 +1,50 @@
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+
+const components = [
+  AbstractImage.createText(
+    AbstractImage.createPoint(10, 10),
+    "Hello World",
+    "Arial",
+    12,
+    AbstractImage.black,
+    "bold",
+    0,
+    "center",
+    "right",
+    "down",
+    2,
+    AbstractImage.red,
+    false
+  ),
+  AbstractImage.createText(
+    AbstractImage.createPoint(40, 40),
+    "Hello World",
+    "Arial",
+    12,
+    AbstractImage.black,
+    "mediumBold",
+    0,
+    "center",
+    "right",
+    "down",
+    2,
+    AbstractImage.red,
+    false
+  ),
+];
+const image = AbstractImage.createAbstractImage(
+  AbstractImage.createPoint(0, 0),
+  AbstractImage.createSize(400, 400),
+  AbstractImage.white,
+  components
+);
+
+const svg = AbstractImage.createSVG(image);
+
+export const test: ExportTestDef = {
+  name: "svg text bold",
+  abstractImage: svg,
+  expectedImage:
+    '<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 400 400"><text style="text-anchor:start;font-size:12px;font-weight:bold;font-family:Arial;stroke:rgb(255, 0, 0);stroke-opacity:1;stroke-width:2px;" transform="rotate(0 10 10)"><tspan x="10" y="22" height="12px">Hello World</tspan></text>,<text style="text-anchor:start;font-size:12px;font-weight:bold;font-family:Arial;fill:rgb(0, 0, 0);fill-opacity:1;" transform="rotate(0 10 10)"><tspan x="10" y="22" height="12px">Hello World</tspan></text><text style="text-anchor:start;font-size:12px;font-weight:mediumBold;font-family:Arial;stroke:rgb(255, 0, 0);stroke-opacity:1;stroke-width:2px;" transform="rotate(0 40 40)"><tspan x="40" y="52" height="12px">Hello World</tspan></text>,<text style="text-anchor:start;font-size:12px;font-weight:mediumBold;font-family:Arial;fill:rgb(0, 0, 0);fill-opacity:1;" transform="rotate(0 40 40)"><tspan x="40" y="52" height="12px">Hello World</tspan></text></svg>',
+};

package/src/exporters/__tests__/svg-export-image/test-defs/svg-text-growth-directions.ts

@@ -0,0 +1,80 @@
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+
+const components = [
+  AbstractImage.createText(
+    AbstractImage.createPoint(10, 10),
+    "Hello World",
+    "Arial",
+    12,
+    AbstractImage.black,
+    "bold",
+    0,
+    "center",
+    "left",
+    "up",
+    2,
+    AbstractImage.red,
+    false
+  ),
+  AbstractImage.createText(
+    AbstractImage.createPoint(10, 30),
+    "Hello World",
+    "Arial",
+    12,
+    AbstractImage.black,
+    "bold",
+    0,
+    "center",
+    "uniform",
+    "uniform",
+    2,
+    AbstractImage.red,
+    false
+  ),
+  AbstractImage.createText(
+    AbstractImage.createPoint(10, 50),
+    "Hello World",
+    "Arial",
+    12,
+    AbstractImage.black,
+    "bold",
+    0,
+    "left",
+    "right",
+    "down",
+    2,
+    AbstractImage.red,
+    false
+  ),
+  AbstractImage.createText(
+    AbstractImage.createPoint(10, 70),
+    "Hello World",
+    "Arial",
+    12,
+    AbstractImage.black,
+    "bold",
+    0,
+    "right",
+    "right",
+    "down",
+    2,
+    AbstractImage.red,
+    false
+  ),
+];
+const image = AbstractImage.createAbstractImage(
+  AbstractImage.createPoint(0, 0),
+  AbstractImage.createSize(400, 400),
+  AbstractImage.white,
+  components
+);
+
+const svg = AbstractImage.createSVG(image);
+
+export const test: ExportTestDef = {
+  name: "svg text growth directions",
+  abstractImage: svg,
+  expectedImage:
+    '<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 400 400"><text style="text-anchor:end;font-size:12px;font-weight:bold;font-family:Arial;stroke:rgb(255, 0, 0);stroke-opacity:1;stroke-width:2px;" transform="rotate(0 10 10)"><tspan x="10" y="10" height="12px">Hello World</tspan></text>,<text style="text-anchor:end;font-size:12px;font-weight:bold;font-family:Arial;fill:rgb(0, 0, 0);fill-opacity:1;" transform="rotate(0 10 10)"><tspan x="10" y="10" height="12px">Hello World</tspan></text><text style="text-anchor:middle;font-size:12px;font-weight:bold;font-family:Arial;stroke:rgb(255, 0, 0);stroke-opacity:1;stroke-width:2px;" transform="rotate(0 10 30)"><tspan x="10" y="36" height="12px">Hello World</tspan></text>,<text style="text-anchor:middle;font-size:12px;font-weight:bold;font-family:Arial;fill:rgb(0, 0, 0);fill-opacity:1;" transform="rotate(0 10 30)"><tspan x="10" y="36" height="12px">Hello World</tspan></text><text style="text-anchor:start;font-size:12px;font-weight:bold;font-family:Arial;stroke:rgb(255, 0, 0);stroke-opacity:1;stroke-width:2px;" transform="rotate(0 10 50)"><tspan x="10" y="62" height="12px">Hello World</tspan></text>,<text style="text-anchor:start;font-size:12px;font-weight:bold;font-family:Arial;fill:rgb(0, 0, 0);fill-opacity:1;" transform="rotate(0 10 50)"><tspan x="10" y="62" height="12px">Hello World</tspan></text><text style="text-anchor:start;font-size:12px;font-weight:bold;font-family:Arial;stroke:rgb(255, 0, 0);stroke-opacity:1;stroke-width:2px;" transform="rotate(0 10 70)"><tspan x="10" y="82" height="12px">Hello World</tspan></text>,<text style="text-anchor:start;font-size:12px;font-weight:bold;font-family:Arial;fill:rgb(0, 0, 0);fill-opacity:1;" transform="rotate(0 10 70)"><tspan x="10" y="82" height="12px">Hello World</tspan></text></svg>',
+};

package/src/exporters/__tests__/svg-export-image/test-defs/svg-text-italic.ts

@@ -0,0 +1,65 @@
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+
+const components = [
+  AbstractImage.createText(
+    AbstractImage.createPoint(10, 10),
+    "Hello World",
+    "Arial",
+    12,
+    AbstractImage.black,
+    "normal",
+    0,
+    "center",
+    "right",
+    "down",
+    2,
+    AbstractImage.red,
+    true
+  ),
+  AbstractImage.createText(
+    AbstractImage.createPoint(20, 20),
+    "Hello World",
+    "Arial",
+    12,
+    AbstractImage.black,
+    "bold",
+    0,
+    "center",
+    "right",
+    "down",
+    2,
+    AbstractImage.red,
+    true
+  ),
+  AbstractImage.createText(
+    AbstractImage.createPoint(30, 30),
+    "Hello World",
+    "Arial",
+    12,
+    AbstractImage.black,
+    "mediumBold",
+    0,
+    "center",
+    "right",
+    "down",
+    2,
+    AbstractImage.red,
+    true
+  ),
+];
+const image = AbstractImage.createAbstractImage(
+  AbstractImage.createPoint(0, 0),
+  AbstractImage.createSize(400, 400),
+  AbstractImage.white,
+  components
+);
+
+const svg = AbstractImage.createSVG(image);
+
+export const test: ExportTestDef = {
+  name: "svg text italic",
+  abstractImage: svg,
+  expectedImage:
+    '<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 400 400"><text style="text-anchor:start;font-size:12px;font-weight:normal;font-family:Arial;stroke:rgb(255, 0, 0);stroke-opacity:1;stroke-width:2px;" transform="rotate(0 10 10)"><tspan x="10" y="22" height="12px">Hello World</tspan></text>,<text style="text-anchor:start;font-size:12px;font-weight:normal;font-family:Arial;fill:rgb(0, 0, 0);fill-opacity:1;" transform="rotate(0 10 10)"><tspan x="10" y="22" height="12px">Hello World</tspan></text><text style="text-anchor:start;font-size:12px;font-weight:bold;font-family:Arial;stroke:rgb(255, 0, 0);stroke-opacity:1;stroke-width:2px;" transform="rotate(0 20 20)"><tspan x="20" y="32" height="12px">Hello World</tspan></text>,<text style="text-anchor:start;font-size:12px;font-weight:bold;font-family:Arial;fill:rgb(0, 0, 0);fill-opacity:1;" transform="rotate(0 20 20)"><tspan x="20" y="32" height="12px">Hello World</tspan></text><text style="text-anchor:start;font-size:12px;font-weight:mediumBold;font-family:Arial;stroke:rgb(255, 0, 0);stroke-opacity:1;stroke-width:2px;" transform="rotate(0 30 30)"><tspan x="30" y="42" height="12px">Hello World</tspan></text>,<text style="text-anchor:start;font-size:12px;font-weight:mediumBold;font-family:Arial;fill:rgb(0, 0, 0);fill-opacity:1;" transform="rotate(0 30 30)"><tspan x="30" y="42" height="12px">Hello World</tspan></text></svg>',
+};

package/src/exporters/__tests__/svg-export-image/test-defs/svg-text.ts

@@ -0,0 +1,35 @@
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+
+const components = [
+  AbstractImage.createText(
+    AbstractImage.createPoint(10, 10),
+    "Hello World",
+    "Arial",
+    12,
+    AbstractImage.black,
+    "normal",
+    0,
+    "center",
+    "right",
+    "down",
+    2,
+    AbstractImage.red,
+    false
+  ),
+];
+const image = AbstractImage.createAbstractImage(
+  AbstractImage.createPoint(0, 0),
+  AbstractImage.createSize(400, 400),
+  AbstractImage.white,
+  components
+);
+
+const svg = AbstractImage.createSVG(image);
+
+export const test: ExportTestDef = {
+  name: "svg text",
+  abstractImage: svg,
+  expectedImage:
+    '<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 400 400"><text style="text-anchor:start;font-size:12px;font-weight:normal;font-family:Arial;stroke:rgb(255, 0, 0);stroke-opacity:1;stroke-width:2px;" transform="rotate(0 10 10)"><tspan x="10" y="22" height="12px">Hello World</tspan></text>,<text style="text-anchor:start;font-size:12px;font-weight:normal;font-family:Arial;fill:rgb(0, 0, 0);fill-opacity:1;" transform="rotate(0 10 10)"><tspan x="10" y="22" height="12px">Hello World</tspan></text></svg>',
+};