import { expect } from "chai"; import { Formatter } from "export/formatter"; import { EmphasisMarkType } from "file/paragraph/run/emphasis-mark"; import { UnderlineType } from "file/paragraph/run/underline"; import { ShadingType } from "file/table"; import { EMPTY_OBJECT } from "file/xml-components"; import { CharacterStyle } from "./character-style"; describe("CharacterStyle", () => { describe("#constructor", () => { it("should set the style type to character and use the given style id", () => { const style = new CharacterStyle({ id: "myStyleId" }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); it("should set the name of the style, if given", () => { const style = new CharacterStyle({ id: "myStyleId", name: "Style Name", }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:name": { _attr: { "w:val": "Style Name" } } }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); it("should add smallCaps", () => { const style = new CharacterStyle({ id: "myStyleId", run: { smallCaps: true, }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [{ "w:smallCaps": { _attr: { "w:val": true } } }], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); it("should add allCaps", () => { const style = new CharacterStyle({ id: "myStyleId", run: { allCaps: true, }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [{ "w:caps": { _attr: { "w:val": true } } }], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); it("should add strike", () => { const style = new CharacterStyle({ id: "myStyleId", run: { strike: true, }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [{ "w:strike": { _attr: { "w:val": true } } }], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); it("should add double strike", () => { const style = new CharacterStyle({ id: "myStyleId", run: { doubleStrike: true, }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [{ "w:dstrike": { _attr: { "w:val": true } } }], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); it("should add sub script", () => { const style = new CharacterStyle({ id: "myStyleId", run: { subScript: true, }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [ { "w:vertAlign": { _attr: { "w:val": "subscript", }, }, }, ], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); it("should add font by name", () => { const style = new CharacterStyle({ id: "myStyleId", run: { font: "test font", }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [ { "w:rFonts": { _attr: { "w:ascii": "test font", "w:cs": "test font", "w:eastAsia": "test font", "w:hAnsi": "test font", }, }, }, ], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); it("should add font for ascii and eastAsia", () => { const style = new CharacterStyle({ id: "myStyleId", run: { font: { ascii: "test font ascii", eastAsia: "test font eastAsia", }, }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [ { "w:rFonts": { _attr: { "w:ascii": "test font ascii", "w:eastAsia": "test font eastAsia", }, }, }, ], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); it("should add character spacing", () => { const style = new CharacterStyle({ id: "myStyleId", run: { characterSpacing: 100, }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [{ "w:spacing": { _attr: { "w:val": 100 } } }], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); }); describe("formatting methods: style attributes", () => { it("#basedOn", () => { const style = new CharacterStyle({ id: "myStyleId", basedOn: "otherId" }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, { "w:basedOn": { _attr: { "w:val": "otherId" } } }, ], }); }); }); describe("formatting methods: run properties", () => { const sizeTests = [ { size: 24, expected: [{ "w:sz": { _attr: { "w:val": 24 } } }, { "w:szCs": { _attr: { "w:val": 24 } } }], }, { size: 24, sizeComplexScript: true, expected: [{ "w:sz": { _attr: { "w:val": 24 } } }, { "w:szCs": { _attr: { "w:val": 24 } } }], }, { size: 24, sizeComplexScript: false, expected: [{ "w:sz": { _attr: { "w:val": 24 } } }], }, { size: 24, sizeComplexScript: 26, expected: [{ "w:sz": { _attr: { "w:val": 24 } } }, { "w:szCs": { _attr: { "w:val": 26 } } }], }, ]; sizeTests.forEach(({ size, sizeComplexScript, expected }) => { it(`#size ${size} cs ${sizeComplexScript}`, () => { const style = new CharacterStyle({ id: "myStyleId", run: { size, sizeComplexScript }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": expected, }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); }); describe("#underline", () => { it("should set underline to 'single' if no arguments are given", () => { const style = new CharacterStyle({ id: "myStyleId", run: { underline: {}, }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [{ "w:u": { _attr: { "w:val": "single" } } }], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); it("should set the style if given", () => { const style = new CharacterStyle({ id: "myStyleId", run: { underline: { type: UnderlineType.DOUBLE, }, }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [{ "w:u": { _attr: { "w:val": "double" } } }], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); it("should set the style and color if given", () => { const style = new CharacterStyle({ id: "myStyleId", run: { underline: { type: UnderlineType.DOUBLE, color: "005599", }, }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [{ "w:u": { _attr: { "w:val": "double", "w:color": "005599" } } }], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); }); describe("#emphasisMark", () => { it("should set emphasisMark to 'dot' if no arguments are given", () => { const style = new CharacterStyle({ id: "myStyleId", run: { emphasisMark: {}, }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [{ "w:em": { _attr: { "w:val": "dot" } } }], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); it("should set the style if given", () => { const style = new CharacterStyle({ id: "myStyleId", run: { emphasisMark: { type: EmphasisMarkType.DOT, }, }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [{ "w:em": { _attr: { "w:val": "dot" } } }], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); }); it("#superScript", () => { const style = new CharacterStyle({ id: "myStyleId", run: { superScript: true, }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [ { "w:vertAlign": { _attr: { "w:val": "superscript", }, }, }, ], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); it("#color", () => { const style = new CharacterStyle({ id: "myStyleId", run: { color: "123456", }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": [{ "w:color": { _attr: { "w:val": "123456" } } }], }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); const boldTests = [ { bold: true, expected: [{ "w:b": { _attr: { "w:val": true } } }, { "w:bCs": { _attr: { "w:val": true } } }], }, { bold: true, boldComplexScript: true, expected: [{ "w:b": { _attr: { "w:val": true } } }, { "w:bCs": { _attr: { "w:val": true } } }], }, { bold: true, boldComplexScript: false, expected: [{ "w:b": { _attr: { "w:val": true } } }], }, ]; boldTests.forEach(({ bold, boldComplexScript, expected }) => { it(`#bold ${bold} cs ${boldComplexScript}`, () => { const style = new CharacterStyle({ id: "myStyleId", run: { bold, boldComplexScript }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": expected, }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); }); const italicsTests = [ { italics: true, expected: [{ "w:i": { _attr: { "w:val": true } } }, { "w:iCs": { _attr: { "w:val": true } } }], }, { italics: true, italicsComplexScript: true, expected: [{ "w:i": { _attr: { "w:val": true } } }, { "w:iCs": { _attr: { "w:val": true } } }], }, { italics: true, italicsComplexScript: false, expected: [{ "w:i": { _attr: { "w:val": true } } }], }, ]; italicsTests.forEach(({ italics, italicsComplexScript, expected }) => { it(`#italics ${italics} cs ${italicsComplexScript}`, () => { const style = new CharacterStyle({ id: "myStyleId", run: { italics, italicsComplexScript }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": expected, }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); }); it("#link", () => { const style = new CharacterStyle({ id: "myStyleId", link: "MyLink" }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, { "w:link": { _attr: { "w:val": "MyLink" } } }, ], }); }); it("#semiHidden", () => { const style = new CharacterStyle({ id: "myStyleId", semiHidden: true }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT }, { "w:semiHidden": EMPTY_OBJECT }, ], }); }); const highlightTests = [ { highlight: "005599", expected: [{ "w:highlight": { _attr: { "w:val": "005599" } } }, { "w:highlightCs": { _attr: { "w:val": "005599" } } }], }, { highlight: "005599", highlightComplexScript: true, expected: [{ "w:highlight": { _attr: { "w:val": "005599" } } }, { "w:highlightCs": { _attr: { "w:val": "005599" } } }], }, { highlight: "005599", highlightComplexScript: false, expected: [{ "w:highlight": { _attr: { "w:val": "005599" } } }], }, { highlight: "005599", highlightComplexScript: "550099", expected: [{ "w:highlight": { _attr: { "w:val": "005599" } } }, { "w:highlightCs": { _attr: { "w:val": "550099" } } }], }, ]; highlightTests.forEach(({ highlight, highlightComplexScript, expected }) => { it(`#highlight ${highlight} cs ${highlightComplexScript}`, () => { const style = new CharacterStyle({ id: "myStyleId", run: { highlight, highlightComplexScript }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": expected, }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); }); const shadingTests = [ { shadow: { type: ShadingType.PERCENT_10, fill: "00FFFF", color: "FF0000", }, expected: [ { "w:shd": { _attr: { "w:val": "pct10", "w:fill": "00FFFF", "w:color": "FF0000" } } }, { "w:shdCs": { _attr: { "w:val": "pct10", "w:fill": "00FFFF", "w:color": "FF0000" } } }, ], }, { shading: { type: ShadingType.PERCENT_10, fill: "00FFFF", color: "FF0000", }, expected: [ { "w:shd": { _attr: { "w:val": "pct10", "w:fill": "00FFFF", "w:color": "FF0000" } } }, { "w:shdCs": { _attr: { "w:val": "pct10", "w:fill": "00FFFF", "w:color": "FF0000" } } }, ], }, { shading: { type: ShadingType.PERCENT_10, fill: "00FFFF", color: "FF0000", }, shadingComplexScript: true, expected: [ { "w:shd": { _attr: { "w:val": "pct10", "w:fill": "00FFFF", "w:color": "FF0000" } } }, { "w:shdCs": { _attr: { "w:val": "pct10", "w:fill": "00FFFF", "w:color": "FF0000" } } }, ], }, { shading: { type: ShadingType.PERCENT_10, fill: "00FFFF", color: "FF0000", }, shadingComplexScript: false, expected: [{ "w:shd": { _attr: { "w:val": "pct10", "w:fill": "00FFFF", "w:color": "FF0000" } } }], }, { shading: { type: ShadingType.PERCENT_10, fill: "00FFFF", color: "FF0000", }, shadingComplexScript: { type: ShadingType.PERCENT_10, fill: "00FFFF", color: "00FF00", }, expected: [ { "w:shd": { _attr: { "w:val": "pct10", "w:fill": "00FFFF", "w:color": "FF0000" } } }, { "w:shdCs": { _attr: { "w:val": "pct10", "w:fill": "00FFFF", "w:color": "00FF00" } } }, ], }, ]; shadingTests.forEach(({ shadow, shading, shadingComplexScript, expected }) => { it("#shadow correctly", () => { const style = new CharacterStyle({ id: "myStyleId", run: { shadow, shading, shadingComplexScript }, }); const tree = new Formatter().format(style); expect(tree).to.deep.equal({ "w:style": [ { _attr: { "w:type": "character", "w:styleId": "myStyleId" } }, { "w:rPr": expected, }, { "w:uiPriority": { _attr: { "w:val": 99, }, }, }, { "w:unhideWhenUsed": EMPTY_OBJECT, }, ], }); }); }); }); });