Wordpress/tests/qunit/editor/tinymce/html/Schema.js

552 lines
17 KiB
JavaScript

module("tinymce.html.Schema");
test('Valid elements global rule', function() {
expect(1);
var schema = new tinymce.html.Schema({valid_elements: '@[id|style],img[src|-style]'});
deepEqual(schema.getElementRule('img'), {"attributes": {"id": {}, "src": {}}, "attributesOrder": ["id", "src"]});
});
test('Whildcard element rule', function() {
var schema;
expect(17);
schema = new tinymce.html.Schema({valid_elements: '*[id|class]'});
deepEqual(schema.getElementRule('b').attributes, {"id": {}, "class": {} });
deepEqual(schema.getElementRule('b').attributesOrder, ["id", "class"]);
schema = new tinymce.html.Schema({valid_elements: 'b*[id|class]'});
deepEqual(schema.getElementRule('b').attributes, {"id": {}, "class": {} });
deepEqual(schema.getElementRule('b').attributesOrder, ["id", "class"]);
deepEqual(schema.getElementRule('body').attributes, {"id": {}, "class": {} });
deepEqual(schema.getElementRule('body').attributesOrder, ["id", "class"]);
equal(schema.getElementRule('img'), undefined);
schema = new tinymce.html.Schema({valid_elements: 'b?[id|class]'});
deepEqual(schema.getElementRule('b').attributes, {"id": {}, "class": {} });
deepEqual(schema.getElementRule('b').attributesOrder, ["id", "class"]);
deepEqual(schema.getElementRule('bx').attributes, {"id": {}, "class": {} });
deepEqual(schema.getElementRule('bx').attributesOrder, ["id", "class"]);
equal(schema.getElementRule('body'), undefined);
schema = new tinymce.html.Schema({valid_elements: 'b+[id|class]'});
deepEqual(schema.getElementRule('body').attributes, {"id": {}, "class": {} });
deepEqual(schema.getElementRule('body').attributesOrder, ["id", "class"]);
deepEqual(schema.getElementRule('bx').attributes, {"id": {}, "class": {} });
deepEqual(schema.getElementRule('bx').attributesOrder, ["id", "class"]);
equal(schema.getElementRule('b'), undefined);
});
test('Whildcard attribute rule', function() {
var schema;
expect(13);
schema = new tinymce.html.Schema({valid_elements: 'b[id|class|*]'});
deepEqual(schema.getElementRule('b').attributes, {"id": {}, "class": {} });
deepEqual(schema.getElementRule('b').attributesOrder, ["id", "class"]);
ok(schema.getElementRule('b').attributePatterns[0].pattern.test('x'));
schema = new tinymce.html.Schema({valid_elements: 'b[id|class|x?]'});
deepEqual(schema.getElementRule('b').attributes, {"id": {}, "class": {} });
deepEqual(schema.getElementRule('b').attributesOrder, ["id", "class"]);
ok(schema.getElementRule('b').attributePatterns[0].pattern.test('xy'));
ok(!schema.getElementRule('b').attributePatterns[0].pattern.test('xba'));
ok(!schema.getElementRule('b').attributePatterns[0].pattern.test('a'));
schema = new tinymce.html.Schema({valid_elements: 'b[id|class|x+]'});
deepEqual(schema.getElementRule('b').attributes, {"id": {}, "class": {} });
deepEqual(schema.getElementRule('b').attributesOrder, ["id", "class"]);
ok(!schema.getElementRule('b').attributePatterns[0].pattern.test('x'));
ok(schema.getElementRule('b').attributePatterns[0].pattern.test('xb'));
ok(schema.getElementRule('b').attributePatterns[0].pattern.test('xba'));
});
test('Valid attributes and attribute order', function() {
var schema;
expect(3);
schema = new tinymce.html.Schema({valid_elements: 'div,a[href|title],b[title]'});
deepEqual(schema.getElementRule('div'), {"attributes": {}, "attributesOrder": []});
deepEqual(schema.getElementRule('a'), {"attributes": {"href": {}, "title": {}}, "attributesOrder": ["href", "title"]});
deepEqual(schema.getElementRule('b'), {"attributes": {"title": {}}, "attributesOrder": ["title"]});
});
test('Required any attributes', function() {
var schema;
expect(1);
schema = new tinymce.html.Schema({valid_elements: 'a![id|style|href]'});
deepEqual(schema.getElementRule('a'), {"attributes": {"href": {}, "id": {}, "style": {}}, "attributesOrder": ["id", "style", "href"], "removeEmptyAttrs": true});
});
test('Required attributes', function() {
var schema;
expect(1);
schema = new tinymce.html.Schema({valid_elements: 'a[!href|!name]'});
deepEqual(schema.getElementRule('a'), {"attributes": {"href": {"required": true}, "name": {"required": true}}, "attributesOrder": ["href", "name"], "attributesRequired": ["href", "name"]});
});
test('Default attribute values', function() {
var schema;
expect(1);
schema = new tinymce.html.Schema({valid_elements: 'img[border=0]'});
deepEqual(schema.getElementRule('img'), {"attributes": {"border": {"defaultValue": "0"}}, "attributesOrder": ["border"], "attributesDefault": [{"name": "border", "value": "0"}]});
});
test('Forced attribute values', function() {
var schema;
expect(1);
schema = new tinymce.html.Schema({valid_elements: 'img[border:0]'});
deepEqual(schema.getElementRule('img'), {"attributes": {"border": {"forcedValue": "0"}}, "attributesOrder": ["border"], "attributesForced": [{"name": "border", "value": "0"}]});
});
test('Required attribute values', function() {
var schema;
expect(1);
schema = new tinymce.html.Schema({valid_elements: 'span[dir<ltr?rtl]'});
deepEqual(schema.getElementRule('span'), {"attributes": {"dir": {"validValues": {"rtl": {}, "ltr": {}}}}, "attributesOrder": ["dir"]});
});
test('Remove empty elements', function() {
var schema;
expect(2);
schema = new tinymce.html.Schema({valid_elements: '-span'});
deepEqual(schema.getElementRule('span'), {"attributes": {}, "attributesOrder": [], "removeEmpty": true});
schema = new tinymce.html.Schema({valid_elements: '#span'});
deepEqual(schema.getElementRule('span'), {"attributes": {}, "attributesOrder": [], "paddEmpty": true});
});
test('addValidElements', function() {
var schema;
expect(1);
schema = new tinymce.html.Schema({valid_elements: '@[id|style],img[src|-style]'});
schema.addValidElements('b[class]');
deepEqual(schema.getElementRule('b'), {"attributes": {"id": {}, "style": {}, "class": {}}, "attributesOrder": ["id", "style", "class"]});
});
test('setValidElements', function() {
var schema;
expect(3);
schema = new tinymce.html.Schema({valid_elements: '@[id|style],img[src|-style]'});
schema.setValidElements('b[class]');
equal(schema.getElementRule('img'), undefined);
deepEqual(schema.getElementRule('b'), {"attributes": {"class": {}}, "attributesOrder": ["class"]});
schema = new tinymce.html.Schema({valid_elements: 'img[src]'});
schema.setValidElements('@[id|style],img[src]');
deepEqual(schema.getElementRule('img'), {"attributes": {"id": {}, "style": {}, "src": {}}, "attributesOrder": ["id", "style", "src"]});
});
test('getBoolAttrs', function() {
var schema;
expect(1);
schema = new tinymce.html.Schema();
deepEqual(schema.getBoolAttrs(), {
"CONTROLS": {}, "LOOP": {}, "AUTOPLAY": {}, "SELECTED": {}, "READONLY": {}, "NOWRAP": {},
"NOSHADE": {}, "NORESIZE": {}, "NOHREF": {}, "MULTIPLE": {}, "ISMAP": {}, "DISABLED": {}, "DEFER": {},
"DECLARE": {}, "COMPACT": {}, "CHECKED": {},
"controls": {}, "loop": {}, "autoplay": {}, "selected": {}, "readonly": {}, "nowrap": {},
"noshade": {}, "noresize": {}, "nohref": {}, "multiple": {}, "ismap": {}, "disabled": {}, "defer": {},
"declare": {}, "compact": {}, "checked": {}
});
});
test('getBlockElements', function() {
var schema;
expect(1);
schema = new tinymce.html.Schema();
deepEqual(schema.getBlockElements(), {
ASIDE: {}, HGROUP: {}, SECTION: {}, ARTICLE: {}, FOOTER: {}, HEADER: {},
ISINDEX: {}, MENU: {}, NOSCRIPT: {}, FIELDSET: {}, FIGCAPTION: {}, DIR: {}, DD: {}, DT: {},
DL: {}, CENTER: {}, BLOCKQUOTE: {}, CAPTION: {}, UL: {}, OL: {}, LI: {},
TD: {}, TR: {}, TH: {}, TFOOT: {}, THEAD: {}, TBODY: {}, TABLE: {}, FORM: {},
PRE: {}, ADDRESS: {}, DIV: {}, P: {}, HR: {}, H6: {}, H5: {}, H4: {}, H3: {},
H2: {}, H1: {}, NAV: {}, FIGURE: {}, DATALIST: {}, OPTGROUP: {}, OPTION: {}, SELECT: {},
aside: {}, hgroup: {}, section: {}, article: {}, footer: {}, header: {},
isindex: {}, menu: {}, noscript: {}, fieldset: {}, dir: {}, dd: {}, dt: {}, dl: {}, center: {},
blockquote: {}, caption: {}, ul: {}, ol: {}, li: {}, td: {}, tr: {}, th: {}, tfoot: {}, thead: {},
tbody: {}, table: {}, form: {}, pre: {}, address: {}, div: {}, p: {}, hr: {}, h6: {},
h5: {}, h4: {}, h3: {}, h2: {}, h1: {}, nav: {}, figure: {}, figcaption: {}, datalist: {}, optgroup: {},
option: {}, select: {}
});
});
test('getShortEndedElements', function() {
var schema;
expect(1);
schema = new tinymce.html.Schema();
deepEqual(schema.getShortEndedElements(), {
"EMBED": {}, "PARAM": {}, "META": {}, "LINK": {}, "ISINDEX": {},
"INPUT": {}, "IMG": {}, "HR": {}, "FRAME": {}, "COL": {}, "BR": {},
"BASEFONT": {}, "BASE": {}, "AREA": {}, "SOURCE" : {}, "WBR" : {}, "TRACK" : {},
"embed": {}, "param": {}, "meta": {}, "link": {}, "isindex": {},
"input": {}, "img": {}, "hr": {}, "frame": {}, "col": {}, "br": {},
"basefont": {}, "base": {}, "area": {}, "source" : {}, "wbr" : {}, "track" : {}
});
});
test('getNonEmptyElements', function() {
var schema;
expect(1);
schema = new tinymce.html.Schema();
deepEqual(schema.getNonEmptyElements(), {
"EMBED": {}, "PARAM": {}, "META": {}, "LINK": {}, "ISINDEX": {},
"INPUT": {}, "IMG": {}, "HR": {}, "FRAME": {}, "COL": {}, "BR": {},
"BASEFONT": {}, "BASE": {}, "AREA": {}, "SOURCE" : {},
"TD": {}, "TH": {}, "IFRAME": {}, "VIDEO": {}, "AUDIO": {}, "OBJECT": {}, "WBR": {}, "TRACK" : {}, "SCRIPT" : {},
"embed": {}, "param": {}, "meta": {}, "link": {}, "isindex": {},
"input": {}, "img": {}, "hr": {}, "frame": {}, "col": {}, "br": {},
"basefont": {}, "base": {}, "area": {}, "source" : {},
"td": {}, "th": {}, "iframe": {}, "video": {}, "audio": {}, "object": {}, "wbr" : {}, "track" : {}, "script" : {}
});
});
test('getWhiteSpaceElements', function() {
var schema;
expect(1);
schema = new tinymce.html.Schema();
deepEqual(schema.getWhiteSpaceElements(), {
"IFRAME": {}, "NOSCRIPT": {}, "OBJECT": {}, "PRE": {},
"SCRIPT": {}, "STYLE": {}, "TEXTAREA": {}, "VIDEO": {}, "AUDIO": {},
"iframe": {}, "noscript": {}, "object": {}, "pre": {},
"script": {}, "style": {}, "textarea": {}, "video": {}, "audio": {}
});
});
test('getTextBlockElements', function() {
var schema;
expect(1);
schema = new tinymce.html.Schema();
deepEqual(schema.getTextBlockElements(), {
"ADDRESS": {}, "ARTICLE": {}, "ASIDE": {}, "BLOCKQUOTE": {}, "CENTER": {}, "DIR": {}, "DIV": {}, "FIELDSET": {}, "FIGURE": {}, "FOOTER": {}, "FORM": {},
"H1": {}, "H2": {}, "H3": {}, "H4": {}, "H5": {}, "H6": {}, "HEADER": {}, "HGROUP": {}, "NAV": {}, "P": {}, "PRE": {}, "SECTION": {},
"address": {}, "article": {}, "aside": {}, "blockquote": {}, "center": {}, "dir": {}, "div": {}, "fieldset": {}, "figure": {}, "footer": {}, "form": {},
"h1": {}, "h2": {}, "h3": {}, "h4": {}, "h5": {}, "h6": {}, "header": {}, "hgroup": {}, "nav": {}, "p": {}, "pre": {}, "section": {}
});
});
test('getTextInlineElements', function() {
var schema;
expect(1);
schema = new tinymce.html.Schema();
deepEqual(schema.getTextInlineElements(), {
"B": {}, "CITE": {}, "CODE": {}, "DFN": {}, "EM": {}, "FONT": {}, "I": {}, "MARK": {}, "Q": {},
"SAMP": {}, "SPAN": {}, "STRIKE": {}, "STRONG": {}, "SUB": {}, "SUP": {}, "U": {}, "VAR": {},
"b": {}, "cite": {}, "code": {}, "dfn": {}, "em": {}, "font": {}, "i": {}, "mark": {}, "q": {},
"samp": {}, "span": {}, "strike": {}, "strong": {}, "sub": {}, "sup": {}, "u": {}, "var": {}
});
});
test('isValidChild', function() {
var schema;
expect(4);
schema = new tinymce.html.Schema();
ok(schema.isValidChild('body', 'p'));
ok(schema.isValidChild('p', 'img'));
ok(!schema.isValidChild('body', 'body'));
ok(!schema.isValidChild('p', 'body'));
});
test('getElementRule', function() {
var schema;
expect(3);
schema = new tinymce.html.Schema();
ok(schema.getElementRule('b'));
ok(!schema.getElementRule('bx'));
ok(!schema.getElementRule(null));
});
test('addCustomElements', function() {
var schema;
expect(5);
schema = new tinymce.html.Schema({valid_elements:'inline,block'});
schema.addCustomElements('~inline,block');
ok(schema.getElementRule('inline'));
ok(schema.getElementRule('block'));
ok(schema.isValidChild('body', 'block'));
ok(schema.isValidChild('block', 'inline'));
ok(schema.isValidChild('p', 'inline'));
});
test('addValidChildren', function() {
var schema;
expect(7);
schema = new tinymce.html.Schema();
ok(schema.isValidChild('body', 'p'));
ok(!schema.isValidChild('body', 'body'));
ok(!schema.isValidChild('body', 'html'));
schema.addValidChildren('+body[body|html]');
ok(schema.isValidChild('body', 'body'));
ok(schema.isValidChild('body', 'html'));
schema = new tinymce.html.Schema();
ok(schema.isValidChild('body', 'p'));
schema.addValidChildren('-body[p]');
ok(!schema.isValidChild('body', 'p'));
});
test('addCustomElements/getCustomElements', function() {
var schema;
expect(4);
schema = new tinymce.html.Schema();
schema.addCustomElements('~inline,block');
ok(schema.getBlockElements().block);
ok(!schema.getBlockElements().inline);
ok(schema.getCustomElements().inline);
ok(schema.getCustomElements().block);
});
test('whitespaceElements', function() {
var schema;
expect(3);
schema = new tinymce.html.Schema({whitespace_elements : 'pre,p'});
ok(schema.getWhiteSpaceElements().pre);
ok(!schema.getWhiteSpaceElements().span);
schema = new tinymce.html.Schema({whitespace_elements : 'code'});
ok(schema.getWhiteSpaceElements().code);
});
test('selfClosingElements', function() {
var schema;
expect(3);
schema = new tinymce.html.Schema({self_closing_elements : 'pre,p'});
ok(schema.getSelfClosingElements().pre);
ok(schema.getSelfClosingElements().p);
ok(!schema.getSelfClosingElements().li);
});
test('shortEndedElements', function() {
var schema;
expect(3);
schema = new tinymce.html.Schema({short_ended_elements : 'pre,p'});
ok(schema.getShortEndedElements().pre);
ok(schema.getShortEndedElements().p);
ok(!schema.getShortEndedElements().img);
});
test('booleanAttributes', function() {
var schema;
expect(3);
schema = new tinymce.html.Schema({boolean_attributes : 'href,alt'});
ok(schema.getBoolAttrs().href);
ok(schema.getBoolAttrs().alt);
ok(!schema.getBoolAttrs().checked);
});
test('nonEmptyElements', function() {
var schema;
expect(3);
schema = new tinymce.html.Schema({non_empty_elements : 'pre,p'});
ok(schema.getNonEmptyElements().pre);
ok(schema.getNonEmptyElements().p);
ok(!schema.getNonEmptyElements().img);
});
test('blockElements', function() {
var schema;
expect(3);
schema = new tinymce.html.Schema({block_elements : 'pre,p'});
ok(schema.getBlockElements().pre);
ok(schema.getBlockElements().p);
ok(!schema.getBlockElements().h1);
});
test('isValid', function() {
var schema;
schema = new tinymce.html.Schema({valid_elements : 'a[href],i[*]'});
ok(schema.isValid('a'));
ok(schema.isValid('a', 'href'));
ok(!schema.isValid('b'));
ok(!schema.isValid('b', 'href'));
ok(!schema.isValid('a', 'id'));
ok(schema.isValid('i'));
ok(schema.isValid('i', 'id'));
});
test('validStyles', function() {
var schema;
schema = new tinymce.html.Schema({valid_styles: 'color,font-size'});
deepEqual(schema.getValidStyles(), {
"*": [
"color",
"font-size"
]
});
schema = new tinymce.html.Schema({valid_styles: 'color font-size'});
deepEqual(schema.getValidStyles(), {
"*": [
"color",
"font-size"
]
});
schema = new tinymce.html.Schema({
valid_styles: {
'*': 'color font-size',
'a': 'background font-family'
}
});
deepEqual(schema.getValidStyles(), {
"*": [
"color",
"font-size"
],
"a": [
"background",
"font-family"
],
"A": [
"background",
"font-family"
]
});
});
test('invalidStyles', function() {
var schema;
schema = new tinymce.html.Schema({invalid_styles: 'color,font-size'});
deepEqual(schema.getInvalidStyles(), {
'*': {
'color': {},
'font-size': {}
}
});
schema = new tinymce.html.Schema({invalid_styles: 'color font-size'});
deepEqual(schema.getInvalidStyles(), {
'*': {
'color': {},
'font-size': {}
}
});
schema = new tinymce.html.Schema({
invalid_styles: {
'*': 'color font-size',
'a': 'background font-family'
}
});
deepEqual(schema.getInvalidStyles(), {
'*': {
'color': {},
'font-size': {}
},
'a': {
'background': {},
'font-family': {}
},
'A': {
'background': {},
'font-family': {}
}
});
});
test('validClasses', function() {
var schema;
schema = new tinymce.html.Schema({valid_classes: 'classA,classB'});
deepEqual(schema.getValidClasses(), {
'*': {
'classA': {},
'classB': {}
}
});
schema = new tinymce.html.Schema({valid_classes: 'classA classB'});
deepEqual(schema.getValidClasses(), {
'*': {
'classA': {},
'classB': {}
}
});
schema = new tinymce.html.Schema({
valid_classes: {
'*': 'classA classB',
'a': 'classC classD'
}
});
deepEqual(schema.getValidClasses(), {
'*': {
'classA': {},
'classB': {}
},
'a': {
'classC': {},
'classD': {}
},
'A': {
'classC': {},
'classD': {}
}
});
});