abstract-image 3.1.3 → 3.2.0

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

@@ -1,33 +1,34 @@
-import { ExportTestDef } from "../export-test-def";
-import * as AbstractImage from "../../../../../src/index";
-
-const components = [
-  AbstractImage.createText(
-    AbstractImage.createPoint(10, 10),
-    "",
-    "Arial",
-    12,
-    AbstractImage.black,
-    "bold",
-    0,
-    "center",
-    "right",
-    "down",
-    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 empty text",
-  abstractImage: svg,
-  expectedImage: '<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 400 400"></svg>',
-};
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+
+const components = [
+  AbstractImage.createText(
+    AbstractImage.createPoint(10, 10),
+    "",
+    "Arial",
+    12,
+    AbstractImage.black,
+    "bold",
+    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 empty text",
+  abstractImage: svg,
+  expectedImage: '<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 400 400"></svg>',
+};

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

@@ -1,43 +1,44 @@
-import { ExportTestDef } from "../export-test-def";
-import * as AbstractImage from "../../../../../src/index";
-
-const components = [
-  AbstractImage.createGroup("group", [
-    AbstractImage.createText(
-      AbstractImage.createPoint(200, 200),
-      "Test",
-      "Helvetica",
-      12,
-      AbstractImage.black,
-      "normal",
-      0,
-      "center",
-      "uniform",
-      "uniform",
-      0,
-      AbstractImage.black
-    ),
-    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 group",
-  abstractImage: svg,
-  expectedImage:
-    '<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 400 400"><g name="group"><text style="text-anchor:middle;font-size:12px;font-weight:normal;font-family:Helvetica;fill:rgb(0, 0, 0);fill-opacity:1;" transform="rotate(0 200 200)"><tspan x="200" y="206" height="12px">Test</tspan></text><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></g></svg>',
-};
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+
+const components = [
+  AbstractImage.createGroup("group", [
+    AbstractImage.createText(
+      AbstractImage.createPoint(200, 200),
+      "Test",
+      "Helvetica",
+      12,
+      AbstractImage.black,
+      "normal",
+      0,
+      "center",
+      "uniform",
+      "uniform",
+      0,
+      AbstractImage.black,
+      false
+    ),
+    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 group",
+  abstractImage: svg,
+  expectedImage:
+    '<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 400 400"><g name="group"><text style="text-anchor:middle;font-size:12px;font-weight:normal;font-family:Helvetica;fill:rgb(0, 0, 0);fill-opacity:1;" transform="rotate(0 200 200)"><tspan x="200" y="206" height="12px">Test</tspan></text><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></g></svg>',
+};

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

@@ -1,26 +1,26 @@
-import { ExportTestDef } from "../export-test-def";
-import * as AbstractImage from "../../../../../src/index";
-
-const components = [
-  AbstractImage.createLine(
-    AbstractImage.createPoint(10, 100),
-    AbstractImage.createPoint(40, 70),
-    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 line",
-  abstractImage: svg,
-  expectedImage:
-    '<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 400 400"><line x1="10" y1="100" x2="40" y2="70" stroke="rgb(0, 0, 0)" stroke-opacity="1" stroke-width="2"></line></svg>',
-};
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+
+const components = [
+  AbstractImage.createLine(
+    AbstractImage.createPoint(10, 100),
+    AbstractImage.createPoint(40, 70),
+    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 line",
+  abstractImage: svg,
+  expectedImage:
+    '<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 400 400"><line x1="10" y1="100" x2="40" y2="70" stroke="rgb(0, 0, 0)" stroke-opacity="1" stroke-width="2"></line></svg>',
+};

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

@@ -1,32 +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>',
-};
+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

@@ -1,33 +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>',
-};
+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

@@ -1,27 +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>',
-};
+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-growth-directions.ts

@@ -1,76 +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
-  ),
-  AbstractImage.createText(
-    AbstractImage.createPoint(10, 30),
-    "Hello World",
-    "Arial",
-    12,
-    AbstractImage.black,
-    "bold",
-    0,
-    "center",
-    "uniform",
-    "uniform",
-    2,
-    AbstractImage.red
-  ),
-  AbstractImage.createText(
-    AbstractImage.createPoint(10, 50),
-    "Hello World",
-    "Arial",
-    12,
-    AbstractImage.black,
-    "bold",
-    0,
-    "left",
-    "right",
-    "down",
-    2,
-    AbstractImage.red
-  ),
-  AbstractImage.createText(
-    AbstractImage.createPoint(10, 70),
-    "Hello World",
-    "Arial",
-    12,
-    AbstractImage.black,
-    "bold",
-    0,
-    "right",
-    "right",
-    "down",
-    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 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>',
-};
+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.ts

@@ -1,34 +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,
-    "bold",
-    0,
-    "center",
-    "right",
-    "down",
-    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 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: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></svg>',
-};
+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
+  ),
+];
+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: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></svg>',
+};