a38d1122d8
https://bugzilla.mozilla.org/show_bug.cgi?id=1723421 https://bugzilla.mozilla.org/show_bug.cgi?id=1723425
526 lines
16 KiB
JavaScript
526 lines
16 KiB
JavaScript
/* Copyright 2020 Mozilla Foundation
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { isNodeJS } from "../../src/shared/is_node.js";
|
|
import { XFAFactory } from "../../src/core/xfa/factory.js";
|
|
|
|
describe("XFAFactory", function () {
|
|
function searchHtmlNode(root, name, value, byAttributes = false) {
|
|
if (
|
|
(!byAttributes && root[name] === value) ||
|
|
(byAttributes && root.attributes && root.attributes[name] === value)
|
|
) {
|
|
return root;
|
|
}
|
|
if (!root.children) {
|
|
return null;
|
|
}
|
|
for (const child of root.children) {
|
|
const node = searchHtmlNode(child, name, value, byAttributes);
|
|
if (node) {
|
|
return node;
|
|
}
|
|
}
|
|
return null;
|
|
}
|
|
|
|
describe("toHTML", function () {
|
|
it("should convert some basic properties to CSS", function () {
|
|
const xml = `
|
|
<?xml version="1.0"?>
|
|
<xdp:xdp xmlns:xdp="http://ns.adobe.com/xdp/">
|
|
<template xmlns="http://www.xfa.org/schema/xfa-template/3.3">
|
|
<subform name="root" mergeMode="matchTemplate">
|
|
<pageSet>
|
|
<pageArea>
|
|
<contentArea x="123pt" w="456pt" h="789pt"/>
|
|
<medium stock="default" short="456pt" long="789pt"/>
|
|
<draw y="1pt" w="11pt" h="22pt" rotate="90" x="2pt">
|
|
<assist><toolTip>A tooltip !!</toolTip></assist>
|
|
<font size="7pt" typeface="FooBar" baselineShift="2pt">
|
|
<fill>
|
|
<color value="12,23,34"/>
|
|
<solid/>
|
|
</fill>
|
|
</font>
|
|
<value/>
|
|
<margin topInset="1pt" bottomInset="2pt" leftInset="3pt" rightInset="4pt"/>
|
|
<para spaceAbove="1pt" spaceBelow="2pt" textIndent="3pt" marginLeft="4pt" marginRight="5pt"/>
|
|
</draw>
|
|
</pageArea>
|
|
</pageSet>
|
|
<subform name="second">
|
|
<breakBefore targetType="pageArea" startNew="1"/>
|
|
<subform>
|
|
<draw w="1pt" h="1pt"><value><text>foo</text></value></draw>
|
|
</subform>
|
|
</subform>
|
|
<subform name="third">
|
|
<breakBefore targetType="pageArea" startNew="1"/>
|
|
<subform>
|
|
<draw w="1pt" h="1pt"><value><text>bar</text></value></draw>
|
|
</subform>
|
|
</subform>
|
|
</subform>
|
|
</template>
|
|
<xfa:datasets xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/">
|
|
<xfa:data>
|
|
</xfa:data>
|
|
</xfa:datasets>
|
|
</xdp:xdp>
|
|
`;
|
|
const factory = new XFAFactory({ "xdp:xdp": xml });
|
|
factory.setFonts([]);
|
|
|
|
expect(factory.numberPages).toEqual(2);
|
|
|
|
const pages = factory.getPages();
|
|
const page1 = pages.children[0];
|
|
expect(page1.attributes.style).toEqual({
|
|
height: "789px",
|
|
width: "456px",
|
|
});
|
|
|
|
expect(page1.children.length).toEqual(2);
|
|
const container = page1.children[1];
|
|
expect(container.attributes.class).toEqual(["xfaContentarea"]);
|
|
expect(container.attributes.style).toEqual({
|
|
height: "789px",
|
|
width: "456px",
|
|
left: "123px",
|
|
top: "0px",
|
|
});
|
|
|
|
const wrapper = page1.children[0];
|
|
const draw = wrapper.children[0];
|
|
|
|
expect(wrapper.attributes.class).toEqual(["xfaWrapper"]);
|
|
expect(wrapper.attributes.style).toEqual({
|
|
alignSelf: "start",
|
|
height: "22px",
|
|
left: "2px",
|
|
position: "absolute",
|
|
top: "1px",
|
|
transform: "rotate(-90deg)",
|
|
transformOrigin: "top left",
|
|
width: "11px",
|
|
});
|
|
|
|
expect(draw.attributes.class).toEqual([
|
|
"xfaDraw",
|
|
"xfaFont",
|
|
"xfaWrapped",
|
|
]);
|
|
expect(draw.attributes.title).toEqual("A tooltip !!");
|
|
expect(draw.attributes.style).toEqual({
|
|
color: "#0c1722",
|
|
fontFamily: '"FooBar"',
|
|
fontKerning: "none",
|
|
letterSpacing: "0px",
|
|
fontStyle: "normal",
|
|
fontWeight: "normal",
|
|
fontSize: "6.93px",
|
|
padding: "1px 4px 2px 3px",
|
|
verticalAlign: "2px",
|
|
});
|
|
|
|
// draw element must be on each page.
|
|
expect(draw.attributes.style).toEqual(
|
|
pages.children[1].children[0].children[0].attributes.style
|
|
);
|
|
});
|
|
|
|
it("should have an alt attribute from toolTip", function () {
|
|
if (isNodeJS) {
|
|
pending("Image is not supported in Node.js.");
|
|
}
|
|
const xml = `
|
|
<?xml version="1.0"?>
|
|
<xdp:xdp xmlns:xdp="http://ns.adobe.com/xdp/">
|
|
<template xmlns="http://www.xfa.org/schema/xfa-template/3.3">
|
|
<subform name="root" mergeMode="matchTemplate">
|
|
<pageSet>
|
|
<pageArea>
|
|
<contentArea x="0pt" w="456pt" h="789pt"/>
|
|
<draw name="BA-Logo" y="5.928mm" x="128.388mm" w="71.237mm" h="9.528mm">
|
|
<value>
|
|
<image contentType="image/png">iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII=</image>
|
|
</value>
|
|
<assist><toolTip>alt text</toolTip></assist>
|
|
</draw>
|
|
</pageArea>
|
|
</pageSet>
|
|
</subform>
|
|
</template>
|
|
<xfa:datasets xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/">
|
|
<xfa:data>
|
|
</xfa:data>
|
|
</xfa:datasets>
|
|
</xdp:xdp>
|
|
`;
|
|
const factory = new XFAFactory({ "xdp:xdp": xml });
|
|
|
|
expect(factory.numberPages).toEqual(1);
|
|
|
|
const pages = factory.getPages();
|
|
const field = searchHtmlNode(pages, "name", "img");
|
|
|
|
expect(field.attributes.alt).toEqual("alt text");
|
|
});
|
|
|
|
it("should have a aria heading role and level", function () {
|
|
const xml = `
|
|
<?xml version="1.0"?>
|
|
<xdp:xdp xmlns:xdp="http://ns.adobe.com/xdp/">
|
|
<template xmlns="http://www.xfa.org/schema/xfa-template/3.3">
|
|
<subform name="root" mergeMode="matchTemplate">
|
|
<pageSet>
|
|
<pageArea>
|
|
<contentArea x="0pt" w="456pt" h="789pt"/>
|
|
<medium stock="default" short="456pt" long="789pt"/>
|
|
<draw name="BA-Logo" y="5.928mm" x="128.388mm" w="71.237mm" h="9.528mm">
|
|
<value><text>foo</text></value>
|
|
<assist role="H2"></assist>
|
|
</draw>
|
|
</pageArea>
|
|
</pageSet>
|
|
</subform>
|
|
</template>
|
|
<xfa:datasets xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/">
|
|
<xfa:data>
|
|
</xfa:data>
|
|
</xfa:datasets>
|
|
</xdp:xdp>
|
|
`;
|
|
const factory = new XFAFactory({ "xdp:xdp": xml });
|
|
|
|
expect(factory.numberPages).toEqual(1);
|
|
|
|
const pages = factory.getPages();
|
|
const page1 = pages.children[0];
|
|
const wrapper = page1.children[0];
|
|
const draw = wrapper.children[0];
|
|
|
|
expect(draw.attributes.role).toEqual("heading");
|
|
expect(draw.attributes["aria-level"]).toEqual("2");
|
|
});
|
|
|
|
it("should have aria table role", function () {
|
|
const xml = `
|
|
<?xml version="1.0"?>
|
|
<xdp:xdp xmlns:xdp="http://ns.adobe.com/xdp/">
|
|
<template xmlns="http://www.xfa.org/schema/xfa-template/3.3">
|
|
<subform name="root" mergeMode="matchTemplate">
|
|
<pageSet>
|
|
<pageArea>
|
|
<contentArea x="0pt" w="456pt" h="789pt"/>
|
|
<medium stock="default" short="456pt" long="789pt"/>
|
|
<font size="7pt" typeface="FooBar" baselineShift="2pt">
|
|
</font>
|
|
</pageArea>
|
|
</pageSet>
|
|
<subform name="table" mergeMode="matchTemplate" layout="table">
|
|
<subform layout="row" name="row1">
|
|
<assist role="TH"></assist>
|
|
<draw name="header1" y="5.928mm" x="128.388mm" w="71.237mm" h="9.528mm">
|
|
<value><text>Header Col 1</text></value>
|
|
</draw>
|
|
<draw name="header2" y="5.928mm" x="128.388mm" w="71.237mm" h="9.528mm">
|
|
<value><text>Header Col 2</text></value>
|
|
</draw>
|
|
</subform>
|
|
<subform layout="row" name="row2">
|
|
<draw name="cell1" y="5.928mm" x="128.388mm" w="71.237mm" h="9.528mm">
|
|
<value><text>Cell 1</text></value>
|
|
</draw>
|
|
<draw name="cell2" y="5.928mm" x="128.388mm" w="71.237mm" h="9.528mm">
|
|
<value><text>Cell 2</text></value>
|
|
</draw>
|
|
</subform>
|
|
</subform>
|
|
</subform>
|
|
</template>
|
|
<xfa:datasets xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/">
|
|
<xfa:data>
|
|
</xfa:data>
|
|
</xfa:datasets>
|
|
</xdp:xdp>
|
|
`;
|
|
const factory = new XFAFactory({ "xdp:xdp": xml });
|
|
factory.setFonts([]);
|
|
|
|
expect(factory.numberPages).toEqual(1);
|
|
|
|
const pages = factory.getPages();
|
|
const table = searchHtmlNode(
|
|
pages,
|
|
"xfaName",
|
|
"table",
|
|
/* byAttributes */ true
|
|
);
|
|
expect(table.attributes.role).toEqual("table");
|
|
const headerRow = searchHtmlNode(
|
|
pages,
|
|
"xfaName",
|
|
"row1",
|
|
/* byAttributes */ true
|
|
);
|
|
expect(headerRow.attributes.role).toEqual("row");
|
|
const headerCell = searchHtmlNode(
|
|
pages,
|
|
"xfaName",
|
|
"header2",
|
|
/* byAttributes */ true
|
|
);
|
|
expect(headerCell.attributes.role).toEqual("columnheader");
|
|
const row = searchHtmlNode(
|
|
pages,
|
|
"xfaName",
|
|
"row2",
|
|
/* byAttributes */ true
|
|
);
|
|
expect(row.attributes.role).toEqual("row");
|
|
const cell = searchHtmlNode(
|
|
pages,
|
|
"xfaName",
|
|
"cell2",
|
|
/* byAttributes */ true
|
|
);
|
|
expect(cell.attributes.role).toEqual("cell");
|
|
});
|
|
|
|
it("should have a maxLength property", function () {
|
|
const xml = `
|
|
<?xml version="1.0"?>
|
|
<xdp:xdp xmlns:xdp="http://ns.adobe.com/xdp/">
|
|
<template xmlns="http://www.xfa.org/schema/xfa-template/3.3">
|
|
<subform name="root" mergeMode="matchTemplate">
|
|
<pageSet>
|
|
<pageArea>
|
|
<contentArea x="0pt" w="456pt" h="789pt"/>
|
|
<medium stock="default" short="456pt" long="789pt"/>
|
|
<field y="1pt" w="11pt" h="22pt" x="2pt">
|
|
<ui>
|
|
<textEdit multiLine="0"/>
|
|
</ui>
|
|
<value>
|
|
<text maxChars="123"/>
|
|
</value>
|
|
</field>
|
|
</pageArea>
|
|
</pageSet>
|
|
<subform name="first">
|
|
<draw w="1pt" h="1pt"><value><text>foo</text></value></draw>
|
|
</subform>
|
|
</subform>
|
|
</template>
|
|
<xfa:datasets xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/">
|
|
<xfa:data>
|
|
</xfa:data>
|
|
</xfa:datasets>
|
|
</xdp:xdp>
|
|
`;
|
|
const factory = new XFAFactory({ "xdp:xdp": xml });
|
|
|
|
expect(factory.numberPages).toEqual(1);
|
|
|
|
const pages = factory.getPages();
|
|
const field = searchHtmlNode(pages, "name", "input");
|
|
|
|
expect(field.attributes.maxLength).toEqual(123);
|
|
});
|
|
|
|
it("should have an aria-label property from speak", function () {
|
|
const xml = `
|
|
<?xml version="1.0"?>
|
|
<xdp:xdp xmlns:xdp="http://ns.adobe.com/xdp/">
|
|
<template xmlns="http://www.xfa.org/schema/xfa-template/3.3">
|
|
<subform name="root" mergeMode="matchTemplate">
|
|
<pageSet>
|
|
<pageArea>
|
|
<contentArea x="0pt" w="456pt" h="789pt"/>
|
|
<medium stock="default" short="456pt" long="789pt"/>
|
|
<field y="1pt" w="11pt" h="22pt" x="2pt">
|
|
<assist><speak>Screen Reader</speak></assist>
|
|
<ui>
|
|
<textEdit multiLine="0"/>
|
|
</ui>
|
|
<value>
|
|
<text maxChars="123"/>
|
|
</value>
|
|
</field>
|
|
</pageArea>
|
|
</pageSet>
|
|
<subform name="first">
|
|
<draw w="1pt" h="1pt"><value><text>foo</text></value></draw>
|
|
</subform>
|
|
</subform>
|
|
</template>
|
|
<xfa:datasets xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/">
|
|
<xfa:data>
|
|
</xfa:data>
|
|
</xfa:datasets>
|
|
</xdp:xdp>
|
|
`;
|
|
const factory = new XFAFactory({ "xdp:xdp": xml });
|
|
|
|
expect(factory.numberPages).toEqual(1);
|
|
|
|
const pages = factory.getPages();
|
|
const field = searchHtmlNode(pages, "name", "input");
|
|
|
|
expect(field.attributes["aria-label"]).toEqual("Screen Reader");
|
|
});
|
|
|
|
it("should have an aria-label property from toolTip", function () {
|
|
const xml = `
|
|
<?xml version="1.0"?>
|
|
<xdp:xdp xmlns:xdp="http://ns.adobe.com/xdp/">
|
|
<template xmlns="http://www.xfa.org/schema/xfa-template/3.3">
|
|
<subform name="root" mergeMode="matchTemplate">
|
|
<pageSet>
|
|
<pageArea>
|
|
<contentArea x="0pt" w="456pt" h="789pt"/>
|
|
<medium stock="default" short="456pt" long="789pt"/>
|
|
<field y="1pt" w="11pt" h="22pt" x="2pt">
|
|
<assist><toolTip>Screen Reader</toolTip></assist>
|
|
<ui>
|
|
<textEdit multiLine="0"/>
|
|
</ui>
|
|
<value>
|
|
<text maxChars="123"/>
|
|
</value>
|
|
</field>
|
|
</pageArea>
|
|
</pageSet>
|
|
<subform name="first">
|
|
<draw w="1pt" h="1pt"><value><text>foo</text></value></draw>
|
|
</subform>
|
|
</subform>
|
|
</template>
|
|
<xfa:datasets xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/">
|
|
<xfa:data>
|
|
</xfa:data>
|
|
</xfa:datasets>
|
|
</xdp:xdp>
|
|
`;
|
|
const factory = new XFAFactory({ "xdp:xdp": xml });
|
|
|
|
expect(factory.numberPages).toEqual(1);
|
|
|
|
const pages = factory.getPages();
|
|
const field = searchHtmlNode(pages, "name", "input");
|
|
|
|
expect(field.attributes["aria-label"]).toEqual("Screen Reader");
|
|
});
|
|
|
|
it("should have an input or textarea", function () {
|
|
const xml = `
|
|
<?xml version="1.0"?>
|
|
<xdp:xdp xmlns:xdp="http://ns.adobe.com/xdp/">
|
|
<template xmlns="http://www.xfa.org/schema/xfa-template/3.3">
|
|
<subform name="root" mergeMode="matchTemplate">
|
|
<pageSet>
|
|
<pageArea>
|
|
<contentArea x="123pt" w="456pt" h="789pt"/>
|
|
<medium stock="default" short="456pt" long="789pt"/>
|
|
<field y="1pt" w="11pt" h="22pt" x="2pt">
|
|
<ui>
|
|
<textEdit/>
|
|
</ui>
|
|
</field>
|
|
<field y="1pt" w="11pt" h="22pt" x="2pt">
|
|
<ui>
|
|
<textEdit multiLine="1"/>
|
|
</ui>
|
|
</field>
|
|
</pageArea>
|
|
</pageSet>
|
|
<subform name="first">
|
|
<draw w="1pt" h="1pt"><value><text>foo</text></value></draw>
|
|
</subform>
|
|
</subform>
|
|
</template>
|
|
<xfa:datasets xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/">
|
|
<xfa:data>
|
|
</xfa:data>
|
|
</xfa:datasets>
|
|
</xdp:xdp>
|
|
`;
|
|
const factory = new XFAFactory({ "xdp:xdp": xml });
|
|
|
|
expect(factory.numberPages).toEqual(1);
|
|
|
|
const pages = factory.getPages();
|
|
const field1 = searchHtmlNode(pages, "name", "input");
|
|
expect(field1).not.toEqual(null);
|
|
|
|
const field2 = searchHtmlNode(pages, "name", "textarea");
|
|
expect(field2).not.toEqual(null);
|
|
});
|
|
});
|
|
|
|
it("should have an input or textarea", function () {
|
|
const xml = `
|
|
<?xml version="1.0"?>
|
|
<xdp:xdp xmlns:xdp="http://ns.adobe.com/xdp/">
|
|
<template xmlns="http://www.xfa.org/schema/xfa-template/3.3">
|
|
<subform name="root" mergeMode="matchTemplate">
|
|
<pageSet>
|
|
<pageArea>
|
|
<contentArea x="123pt" w="456pt" h="789pt"/>
|
|
<medium stock="default" short="456pt" long="789pt"/>
|
|
<field y="1pt" w="11pt" h="22pt" x="2pt">
|
|
<ui>
|
|
<textEdit multiLine="1"/>
|
|
</ui>
|
|
</field>
|
|
</pageArea>
|
|
</pageSet>
|
|
<subform name="first">
|
|
<field y="1pt" w="11pt" h="22pt" x="2pt" name="hello">
|
|
<ui>
|
|
<textEdit/>
|
|
</ui>
|
|
<value>
|
|
<integer/>
|
|
</value>
|
|
</field>
|
|
</subform>
|
|
</subform>
|
|
</template>
|
|
<xfa:datasets xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/">
|
|
<xfa:data>
|
|
<toto>
|
|
<first>
|
|
<hello>123
|
|
</hello>
|
|
</first>
|
|
</toto>
|
|
</xfa:data>
|
|
</xfa:datasets>
|
|
</xdp:xdp>
|
|
`;
|
|
const factory = new XFAFactory({ "xdp:xdp": xml });
|
|
|
|
expect(factory.numberPages).toEqual(1);
|
|
|
|
const pages = factory.getPages();
|
|
const field1 = searchHtmlNode(pages, "name", "input");
|
|
expect(field1).not.toEqual(null);
|
|
expect(field1.attributes.value).toEqual("123");
|
|
});
|
|
});
|