ref: master
public/javascripts/tinymce/tests/plugins/fullpage.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 |
module("tinymce.plugins.Fullpage", { setupModule: function() { QUnit.stop(); tinymce.init({ selector: "textarea", plugins: "fullpage", add_unload_trigger: false, skin: false, valid_styles: { '*': 'text-align,padding-left,color,font-size,font-family,background-color,font-weight,font-style,text-decoration,float,margin,margin-top,margin-right,margin-bottom,margin-left,display' }, indent: 0, setup: function(ed) { ed.on('NodeChange', false); }, init_instance_callback: function(ed) { window.editor = ed; QUnit.start(); } }); }, teardown: function() { editor.getBody().dir = 'ltr'; } }); test('Keep header/footer intact', function() { expect(2); function normalizeHTML(html) { return html.replace(/\s/g, ''); } editor.setContent('<html><body><p>Test</p>'); equal(normalizeHTML(editor.getContent()), '<html><body><p>Test</p>', 'Invalid HTML content is still editable.'); editor.setContent('<html><body><p>Test</p></body></html>'); equal(normalizeHTML(editor.getContent()), '<html><body><p>Test</p></body></html>', 'Header/footer is intact.'); }); test('Default header/footer', function() { expect(1); editor.setContent('<p>Test</p>'); equal(editor.getContent(), '<!DOCTYPE html>\n<html>\n<head>\n</head>\n<body>\n<p>Test</p>\n</body>\n</html>', 'Invalid HTML content is still editable.'); }); test('Parse body attributes', function() { expect(9); editor.setContent('<html><body><p>Test</p></body></html>'); equal(editor.getBody().style.color, '', 'No color on body.'); equal(editor.getBody().dir, '', 'No dir on body.'); equal(editor.dom.getStyle(editor.getBody().firstChild, 'display', true), 'block', 'No styles added to iframe document'); editor.setContent('<html><body style="color:#FF0000"><p>Test</p></body></html>'); ok(editor.getBody().style.color.length > 0, 'Color added to body'); editor.setContent('<html><body dir="rtl"><p>Test</p></body></html>'); equal(editor.getBody().dir, 'rtl', 'Dir added to body'); editor.setContent('<html><head><style>p {text-align:right}</style></head><body dir="rtl"><p>Test</p></body></html>'); equal(editor.dom.getStyle(editor.getBody().firstChild, 'text-align', true), 'right', 'Styles added to iframe document'); editor.setContent('<html><body><p>Test</p></body></html>'); equal(editor.getBody().style.color, '', 'No color on body.'); equal(editor.getBody().dir, '', 'No dir on body.'); equal(editor.dom.getStyle(editor.getBody().firstChild, 'display', true), 'block', 'No styles added to iframe document'); }); test('fullpage_hide_in_source_view: false', function() { editor.settings.fullpage_hide_in_source_view = false; editor.setContent('<html><body><p>1</p></body></html>'); equal(editor.getContent({source_view: true}), '<html><body>\n<p>1</p>\n</body></html>'); }); test('fullpage_hide_in_source_view: false', function() { editor.settings.fullpage_hide_in_source_view = true; editor.setContent('<html><body><p>1</p></body></html>'); equal(editor.getContent({source_view: true}), '<p>1</p>'); }); test('link elements', function() { editor.setContent('<html><head><link rel="stylesheet" href="a.css"><link rel="something"></head><body><p>c</p></body></html>'); equal(editor.getContent(), '<html><head><link rel="stylesheet" href="a.css"><link rel="something"></head><body>\n<p>c</p>\n</body></html>'); }); test('add/remove stylesheets', function() { function hasLink(href) { var links = editor.getDoc().getElementsByTagName('link'); for (var i = 0; i < links.length; i++) { if (links[i].href.indexOf('/' + href) != -1) { return true; } } } editor.setContent('<html><head><link rel="stylesheet" href="a.css"></head><body><p>c</p></body></html>'); ok(hasLink("a.css")); ok(!hasLink("b.css")); ok(!hasLink("c.css")); editor.setContent('<html><head><link rel="stylesheet" href="a.css"><link rel="stylesheet" href="b.css"></head><body><p>c</p></body></html>'); ok(hasLink("a.css")); ok(hasLink("b.css")); ok(!hasLink("c.css")); editor.setContent('<html><head><link rel="stylesheet" href="a.css"><link rel="stylesheet" href="b.css"><link rel="stylesheet" href="c.css"></head><body><p>c</p></body></html>'); ok(hasLink("a.css")); ok(hasLink("b.css")); ok(hasLink("c.css")); editor.setContent('<html><head><link rel="stylesheet" href="a.css"></head><body><p>c</p></body></html>'); ok(hasLink("a.css")); ok(!hasLink("b.css")); ok(!hasLink("c.css")); editor.setContent('<html><head></head><body><p>c</p></body></html>'); ok(!hasLink("a.css")); ok(!hasLink("b.css")); ok(!hasLink("c.css")); }); |