cirandas.net

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"));
});