572 lines
22 KiB
TypeScript
572 lines
22 KiB
TypeScript
import { assert, expect } from "chai";
|
|
import { Formatter } from "../../export/formatter";
|
|
import { Styles } from "./";
|
|
import { ParagraphStyle, Style } from "./style";
|
|
import * as components from "./style/components";
|
|
|
|
describe("Styles", () => {
|
|
let styles: Styles;
|
|
|
|
beforeEach(() => {
|
|
styles = new Styles();
|
|
});
|
|
|
|
describe("#constructor()", () => {
|
|
it("should create styles with correct rootKey", () => {
|
|
const newJson = JSON.parse(JSON.stringify(styles));
|
|
assert.equal(newJson.rootKey, "w:styles");
|
|
});
|
|
});
|
|
|
|
describe("#createParagraphStyle", () => {
|
|
it("should create a new paragraph style and push it onto this collection", () => {
|
|
styles.createParagraphStyle("pStyleId");
|
|
const tree = new Formatter().format(styles)["w:styles"].filter((x) => !x._attr);
|
|
expect(tree).to.deep.equal([
|
|
{
|
|
"w:style": [{ _attr: { "w:type": "paragraph", "w:styleId": "pStyleId" } }, { "w:pPr": [] }, { "w:rPr": [] }],
|
|
},
|
|
]);
|
|
});
|
|
|
|
it("should set the paragraph name if given", () => {
|
|
styles.createParagraphStyle("pStyleId", "Paragraph Style");
|
|
const tree = new Formatter().format(styles)["w:styles"].filter((x) => !x._attr);
|
|
expect(tree).to.deep.equal([
|
|
{
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "pStyleId" } },
|
|
{ "w:name": [{ _attr: { "w:val": "Paragraph Style" } }] },
|
|
{ "w:pPr": [] },
|
|
{ "w:rPr": [] },
|
|
],
|
|
},
|
|
]);
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("Style", () => {
|
|
describe("#constructor()", () => {
|
|
it("should set the given properties", () => {
|
|
const style = new Style({
|
|
type: "paragraph",
|
|
styleId: "myStyleId",
|
|
default: true,
|
|
});
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId", "w:default": true } }],
|
|
});
|
|
});
|
|
|
|
it("should set the name of the style, if given", () => {
|
|
const style = new Style(
|
|
{
|
|
type: "paragraph",
|
|
styleId: "myStyleId",
|
|
},
|
|
"Style Name",
|
|
);
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:name": [{ _attr: { "w:val": "Style Name" } }] },
|
|
],
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("Style components", () => {
|
|
it("Name#constructor", () => {
|
|
const style = new components.Name("Style Name");
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({ "w:name": [{ _attr: { "w:val": "Style Name" } }] });
|
|
});
|
|
|
|
it("BasedOn#constructor", () => {
|
|
const style = new components.BasedOn("otherId");
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({ "w:basedOn": [{ _attr: { "w:val": "otherId" } }] });
|
|
});
|
|
|
|
it("Next#constructor", () => {
|
|
const style = new components.Next("otherId");
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({ "w:next": [{ _attr: { "w:val": "otherId" } }] });
|
|
});
|
|
|
|
it("Link#constructor", () => {
|
|
const style = new components.Link("otherId");
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({ "w:link": [{ _attr: { "w:val": "otherId" } }] });
|
|
});
|
|
|
|
it("UiPriority#constructor", () => {
|
|
const style = new components.UiPriority("123");
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({ "w:uiPriority": [{ _attr: { "w:val": "123" } }] });
|
|
});
|
|
});
|
|
|
|
describe("ParagraphStyle", () => {
|
|
describe("#constructor", () => {
|
|
it("should set the style type to paragraph and use the given style id", () => {
|
|
const style = new ParagraphStyle("myStyleId");
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } }, { "w:pPr": [] }, { "w:rPr": [] }],
|
|
});
|
|
});
|
|
|
|
it("should set the name of the style, if given", () => {
|
|
const style = new ParagraphStyle("myStyleId", "Style Name");
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:name": [{ _attr: { "w:val": "Style Name" } }] },
|
|
{ "w:pPr": [] },
|
|
{ "w:rPr": [] },
|
|
],
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("formatting methods: style attributes", () => {
|
|
it("#basedOn", () => {
|
|
const style = new ParagraphStyle("myStyleId").basedOn("otherId");
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{ "w:rPr": [] },
|
|
{ "w:basedOn": [{ _attr: { "w:val": "otherId" } }] },
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#quickFormat", () => {
|
|
const style = new ParagraphStyle("myStyleId").quickFormat();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{ "w:rPr": [] },
|
|
{ "w:qFormat": [] },
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#next", () => {
|
|
const style = new ParagraphStyle("myStyleId").next("otherId");
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{ "w:rPr": [] },
|
|
{ "w:next": [{ _attr: { "w:val": "otherId" } }] },
|
|
],
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("formatting methods: paragraph properties", () => {
|
|
it("#indent", () => {
|
|
const style = new ParagraphStyle("myStyleId").indent({ left: 720 });
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{
|
|
"w:pPr": [{ "w:ind": [{ _attr: { "w:left": 720 } }] }],
|
|
},
|
|
{ "w:rPr": [] },
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#spacing", () => {
|
|
const style = new ParagraphStyle("myStyleId").spacing({ before: 50, after: 150 });
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{
|
|
"w:pPr": [{ "w:spacing": [{ _attr: { "w:before": 50, "w:after": 150 } }] }],
|
|
},
|
|
{ "w:rPr": [] },
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#center", () => {
|
|
const style = new ParagraphStyle("myStyleId").center();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{
|
|
"w:pPr": [{ "w:jc": [{ _attr: { "w:val": "center" } }] }],
|
|
},
|
|
{ "w:rPr": [] },
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#character spacing", () => {
|
|
const style = new ParagraphStyle("myStyleId").characterSpacing(24);
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [{ "w:spacing": [{ _attr: { "w:val": 24 } }] }],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#left", () => {
|
|
const style = new ParagraphStyle("myStyleId").left();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{
|
|
"w:pPr": [{ "w:jc": [{ _attr: { "w:val": "left" } }] }],
|
|
},
|
|
{ "w:rPr": [] },
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#right", () => {
|
|
const style = new ParagraphStyle("myStyleId").right();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{
|
|
"w:pPr": [{ "w:jc": [{ _attr: { "w:val": "right" } }] }],
|
|
},
|
|
{ "w:rPr": [] },
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#justified", () => {
|
|
const style = new ParagraphStyle("myStyleId").justified();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{
|
|
"w:pPr": [{ "w:jc": [{ _attr: { "w:val": "both" } }] }],
|
|
},
|
|
{ "w:rPr": [] },
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#thematicBreak", () => {
|
|
const style = new ParagraphStyle("myStyleId").thematicBreak();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{
|
|
"w:pPr": [
|
|
{
|
|
"w:pBdr": [
|
|
{
|
|
"w:bottom": [
|
|
{
|
|
_attr: {
|
|
"w:color": "auto",
|
|
"w:space": "1",
|
|
"w:val": "single",
|
|
"w:sz": "6",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
{ "w:rPr": [] },
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#leftTabStop", () => {
|
|
const style = new ParagraphStyle("myStyleId").leftTabStop(1200);
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{
|
|
"w:pPr": [
|
|
{
|
|
"w:tabs": [{ "w:tab": [{ _attr: { "w:val": "left", "w:pos": 1200 } }] }],
|
|
},
|
|
],
|
|
},
|
|
{ "w:rPr": [] },
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#maxRightTabStop", () => {
|
|
const style = new ParagraphStyle("myStyleId").maxRightTabStop();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{
|
|
"w:pPr": [
|
|
{
|
|
"w:tabs": [{ "w:tab": [{ _attr: { "w:val": "right", "w:pos": 9026 } }] }],
|
|
},
|
|
],
|
|
},
|
|
{ "w:rPr": [] },
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#keepLines", () => {
|
|
const style = new ParagraphStyle("myStyleId").keepLines();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [{ "w:keepLines": [] }] },
|
|
{ "w:rPr": [] },
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#keepNext", () => {
|
|
const style = new ParagraphStyle("myStyleId").keepNext();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [{ "w:keepNext": [] }] },
|
|
{ "w:rPr": [] },
|
|
],
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("formatting methods: run properties", () => {
|
|
it("#size", () => {
|
|
const style = new ParagraphStyle("myStyleId").size(24);
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [{ "w:sz": [{ _attr: { "w:val": 24 } }] }, { "w:szCs": [{ _attr: { "w:val": 24 } }] }],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#smallCaps", () => {
|
|
const style = new ParagraphStyle("myStyleId").smallCaps();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [{ "w:smallCaps": [{ _attr: { "w:val": true } }] }],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#allCaps", () => {
|
|
const style = new ParagraphStyle("myStyleId").allCaps();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [{ "w:caps": [{ _attr: { "w:val": true } }] }],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#strike", () => {
|
|
const style = new ParagraphStyle("myStyleId").strike();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [{ "w:strike": [{ _attr: { "w:val": true } }] }],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#doubleStrike", () => {
|
|
const style = new ParagraphStyle("myStyleId").doubleStrike();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [{ "w:dstrike": [{ _attr: { "w:val": true } }] }],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#subScript", () => {
|
|
const style = new ParagraphStyle("myStyleId").subScript();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [{ "w:vertAlign": [{ _attr: { "w:val": "subscript" } }] }],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#superScript", () => {
|
|
const style = new ParagraphStyle("myStyleId").superScript();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [{ "w:vertAlign": [{ _attr: { "w:val": "superscript" } }] }],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#font", () => {
|
|
const style = new ParagraphStyle("myStyleId").font("Times");
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [
|
|
{ "w:rFonts": [{ _attr: { "w:ascii": "Times", "w:cs": "Times", "w:eastAsia": "Times", "w:hAnsi": "Times" } }] },
|
|
],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#bold", () => {
|
|
const style = new ParagraphStyle("myStyleId").bold();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [{ "w:b": [{ _attr: { "w:val": true } }] }],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
|
|
it("#italics", () => {
|
|
const style = new ParagraphStyle("myStyleId").italics();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [{ "w:i": [{ _attr: { "w:val": true } }] }],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
|
|
describe("#underline", () => {
|
|
it("should set underline to 'single' if no arguments are given", () => {
|
|
const style = new ParagraphStyle("myStyleId").underline();
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [{ "w:u": [{ _attr: { "w:val": "single" } }] }],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
|
|
it("should set the style if given", () => {
|
|
const style = new ParagraphStyle("myStyleId").underline("double");
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [{ "w:u": [{ _attr: { "w:val": "double" } }] }],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
|
|
it("should set the style and color if given", () => {
|
|
const style = new ParagraphStyle("myStyleId").underline("double", "005599");
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [{ "w:u": [{ _attr: { "w:val": "double", "w:color": "005599" } }] }],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
});
|
|
|
|
it("#color", () => {
|
|
const style = new ParagraphStyle("myStyleId").color("123456");
|
|
const tree = new Formatter().format(style);
|
|
expect(tree).to.deep.equal({
|
|
"w:style": [
|
|
{ _attr: { "w:type": "paragraph", "w:styleId": "myStyleId" } },
|
|
{ "w:pPr": [] },
|
|
{
|
|
"w:rPr": [{ "w:color": [{ _attr: { "w:val": "123456" } }] }],
|
|
},
|
|
],
|
|
});
|
|
});
|
|
});
|
|
});
|