'; + } + + return false; + } + }, 'childNodes'); + + cell = cloneNode(cell, false); + setSpanVal(cell, 'rowSpan', 1); + setSpanVal(cell, 'colSpan', 1); + + if (formatNode) { + cell.appendChild(formatNode); + } else { + if (!Env.ie) { + cell.innerHTML = '
'; + } + } + + return cell; + } + + function cleanup() { + var rng = dom.createRng(), row; + + // Empty rows + each(dom.select('tr', table), function(tr) { + if (tr.cells.length === 0) { + dom.remove(tr); + } + }); + + // Empty table + if (dom.select('tr', table).length === 0) { + rng.setStartBefore(table); + rng.setEndBefore(table); + selection.setRng(rng); + dom.remove(table); + return; + } + + // Empty header/body/footer + each(dom.select('thead,tbody,tfoot', table), function(part) { + if (part.rows.length === 0) { + dom.remove(part); + } + }); + + // Restore selection to start position if it still exists + buildGrid(); + + // Restore the selection to the closest table position + row = grid[Math.min(grid.length - 1, startPos.y)]; + if (row) { + selection.select(row[Math.min(row.length - 1, startPos.x)].elm, true); + selection.collapse(true); + } + } + + function fillLeftDown(x, y, rows, cols) { + var tr, x2, r, c, cell; + + tr = grid[y][x].elm.parentNode; + for (r = 1; r <= rows; r++) { + tr = dom.getNext(tr, 'tr'); + + if (tr) { + // Loop left to find real cell + for (x2 = x; x2 >= 0; x2--) { + cell = grid[y + r][x2].elm; + + if (cell.parentNode == tr) { + // Append clones after + for (c = 1; c <= cols; c++) { + dom.insertAfter(cloneCell(cell), cell); + } + + break; + } + } + + if (x2 == -1) { + // Insert nodes before first cell + for (c = 1; c <= cols; c++) { + tr.insertBefore(cloneCell(tr.cells[0]), tr.cells[0]); + } + } + } + } + } + + function split() { + each(grid, function(row, y) { + each(row, function(cell, x) { + var colSpan, rowSpan, i; + + if (isCellSelected(cell)) { + cell = cell.elm; + colSpan = getSpanVal(cell, 'colspan'); + rowSpan = getSpanVal(cell, 'rowspan'); + + if (colSpan > 1 || rowSpan > 1) { + setSpanVal(cell, 'rowSpan', 1); + setSpanVal(cell, 'colSpan', 1); + + // Insert cells right + for (i = 0; i < colSpan - 1; i++) { + dom.insertAfter(cloneCell(cell), cell); + } + + fillLeftDown(x, y, rowSpan - 1, colSpan); + } + } + }); + }); + } + + function merge(cell, cols, rows) { + var pos, startX, startY, endX, endY, x, y, startCell, endCell, children, count; + + // Use specified cell and cols/rows + if (cell) { + pos = getPos(cell); + startX = pos.x; + startY = pos.y; + endX = startX + (cols - 1); + endY = startY + (rows - 1); + } else { + startPos = endPos = null; + + // Calculate start/end pos by checking for selected cells in grid works better with context menu + each(grid, function(row, y) { + each(row, function(cell, x) { + if (isCellSelected(cell)) { + if (!startPos) { + startPos = {x: x, y: y}; + } + + endPos = {x: x, y: y}; + } + }); + }); + + // Use selection + startX = startPos.x; + startY = startPos.y; + endX = endPos.x; + endY = endPos.y; + } + + // Find start/end cells + startCell = getCell(startX, startY); + endCell = getCell(endX, endY); + + // Check if the cells exists and if they are of the same part for example tbody = tbody + if (startCell && endCell && startCell.part == endCell.part) { + // Split and rebuild grid + split(); + buildGrid(); + + // Set row/col span to start cell + startCell = getCell(startX, startY).elm; + setSpanVal(startCell, 'colSpan', (endX - startX) + 1); + setSpanVal(startCell, 'rowSpan', (endY - startY) + 1); + + // Remove other cells and add it's contents to the start cell + for (y = startY; y <= endY; y++) { + for (x = startX; x <= endX; x++) { + if (!grid[y] || !grid[y][x]) { + continue; + } + + cell = grid[y][x].elm; + + /*jshint loopfunc:true */ + if (cell != startCell) { + // Move children to startCell + children = Tools.grep(cell.childNodes); + each(children, function(node) { + startCell.appendChild(node); + }); + + // Remove bogus nodes if there is children in the target cell + if (children.length) { + children = Tools.grep(startCell.childNodes); + count = 0; + each(children, function(node) { + if (node.nodeName == 'BR' && dom.getAttrib(node, 'data-mce-bogus') && count++ < children.length - 1) { + startCell.removeChild(node); + } + }); + } + + dom.remove(cell); + } + } + } + + // Remove empty rows etc and restore caret location + cleanup(); + } + } + + function insertRow(before) { + var posY, cell, lastCell, x, rowElm, newRow, newCell, otherCell, rowSpan; + + // Find first/last row + each(grid, function(row, y) { + each(row, function(cell) { + if (isCellSelected(cell)) { + cell = cell.elm; + rowElm = cell.parentNode; + newRow = cloneNode(rowElm, false); + posY = y; + + if (before) { + return false; + } + } + }); + + if (before) { + return !posY; + } + }); + + for (x = 0; x < grid[0].length; x++) { + // Cell not found could be because of an invalid table structure + if (!grid[posY][x]) { + continue; + } + + cell = grid[posY][x].elm; + + if (cell != lastCell) { + if (!before) { + rowSpan = getSpanVal(cell, 'rowspan'); + if (rowSpan > 1) { + setSpanVal(cell, 'rowSpan', rowSpan + 1); + continue; + } + } else { + // Check if cell above can be expanded + if (posY > 0 && grid[posY - 1][x]) { + otherCell = grid[posY - 1][x].elm; + rowSpan = getSpanVal(otherCell, 'rowSpan'); + if (rowSpan > 1) { + setSpanVal(otherCell, 'rowSpan', rowSpan + 1); + continue; + } + } + } + + // Insert new cell into new row + newCell = cloneCell(cell); + setSpanVal(newCell, 'colSpan', cell.colSpan); + + newRow.appendChild(newCell); + + lastCell = cell; + } + } + + if (newRow.hasChildNodes()) { + if (!before) { + dom.insertAfter(newRow, rowElm); + } else { + rowElm.parentNode.insertBefore(newRow, rowElm); + } + } + } + + function insertCol(before) { + var posX, lastCell; + + // Find first/last column + each(grid, function(row) { + each(row, function(cell, x) { + if (isCellSelected(cell)) { + posX = x; + + if (before) { + return false; + } + } + }); + + if (before) { + return !posX; + } + }); + + each(grid, function(row, y) { + var cell, rowSpan, colSpan; + + if (!row[posX]) { + return; + } + + cell = row[posX].elm; + if (cell != lastCell) { + colSpan = getSpanVal(cell, 'colspan'); + rowSpan = getSpanVal(cell, 'rowspan'); + + if (colSpan == 1) { + if (!before) { + dom.insertAfter(cloneCell(cell), cell); + fillLeftDown(posX, y, rowSpan - 1, colSpan); + } else { + cell.parentNode.insertBefore(cloneCell(cell), cell); + fillLeftDown(posX, y, rowSpan - 1, colSpan); + } + } else { + setSpanVal(cell, 'colSpan', cell.colSpan + 1); + } + + lastCell = cell; + } + }); + } + + function deleteCols() { + var cols = []; + + // Get selected column indexes + each(grid, function(row) { + each(row, function(cell, x) { + if (isCellSelected(cell) && Tools.inArray(cols, x) === -1) { + each(grid, function(row) { + var cell = row[x].elm, colSpan; + + colSpan = getSpanVal(cell, 'colSpan'); + + if (colSpan > 1) { + setSpanVal(cell, 'colSpan', colSpan - 1); + } else { + dom.remove(cell); + } + }); + + cols.push(x); + } + }); + }); + + cleanup(); + } + + function deleteRows() { + var rows; + + function deleteRow(tr) { + var nextTr, pos, lastCell; + + nextTr = dom.getNext(tr, 'tr'); + + // Move down row spanned cells + each(tr.cells, function(cell) { + var rowSpan = getSpanVal(cell, 'rowSpan'); + + if (rowSpan > 1) { + setSpanVal(cell, 'rowSpan', rowSpan - 1); + pos = getPos(cell); + fillLeftDown(pos.x, pos.y, 1, 1); + } + }); + + // Delete cells + pos = getPos(tr.cells[0]); + each(grid[pos.y], function(cell) { + var rowSpan; + + cell = cell.elm; + + if (cell != lastCell) { + rowSpan = getSpanVal(cell, 'rowSpan'); + + if (rowSpan <= 1) { + dom.remove(cell); + } else { + setSpanVal(cell, 'rowSpan', rowSpan - 1); + } + + lastCell = cell; + } + }); + } + + // Get selected rows and move selection out of scope + rows = getSelectedRows(); + + // Delete all selected rows + each(rows.reverse(), function(tr) { + deleteRow(tr); + }); + + cleanup(); + } + + function cutRows() { + var rows = getSelectedRows(); + + dom.remove(rows); + cleanup(); + + return rows; + } + + function copyRows() { + var rows = getSelectedRows(); + + each(rows, function(row, i) { + rows[i] = cloneNode(row, true); + }); + + return rows; + } + + function pasteRows(rows, before) { + var selectedRows = getSelectedRows(), + targetRow = selectedRows[before ? 0 : selectedRows.length - 1], + targetCellCount = targetRow.cells.length; + + // Nothing to paste + if (!rows) { + return; + } + + // Calc target cell count + each(grid, function(row) { + var match; + + targetCellCount = 0; + each(row, function(cell) { + if (cell.real) { + targetCellCount += cell.colspan; + } + + if (cell.elm.parentNode == targetRow) { + match = 1; + } + }); + + if (match) { + return false; + } + }); + + if (!before) { + rows.reverse(); + } + + each(rows, function(row) { + var i, cellCount = row.cells.length, cell; + + // Remove col/rowspans + for (i = 0; i < cellCount; i++) { + cell = row.cells[i]; + setSpanVal(cell, 'colSpan', 1); + setSpanVal(cell, 'rowSpan', 1); + } + + // Needs more cells + for (i = cellCount; i < targetCellCount; i++) { + row.appendChild(cloneCell(row.cells[cellCount - 1])); + } + + // Needs less cells + for (i = targetCellCount; i < cellCount; i++) { + dom.remove(row.cells[i]); + } + + // Add before/after + if (before) { + targetRow.parentNode.insertBefore(row, targetRow); + } else { + dom.insertAfter(row, targetRow); + } + }); + + // Remove current selection + dom.removeClass(dom.select('td.mce-item-selected,th.mce-item-selected'), 'mce-item-selected'); + } + + function getPos(target) { + var pos; + + each(grid, function(row, y) { + each(row, function(cell, x) { + if (cell.elm == target) { + pos = {x : x, y : y}; + return false; + } + }); + + return !pos; + }); + + return pos; + } + + function setStartCell(cell) { + startPos = getPos(cell); + } + + function findEndPos() { + var maxX, maxY; + + maxX = maxY = 0; + + each(grid, function(row, y) { + each(row, function(cell, x) { + var colSpan, rowSpan; + + if (isCellSelected(cell)) { + cell = grid[y][x]; + + if (x > maxX) { + maxX = x; + } + + if (y > maxY) { + maxY = y; + } + + if (cell.real) { + colSpan = cell.colspan - 1; + rowSpan = cell.rowspan - 1; + + if (colSpan) { + if (x + colSpan > maxX) { + maxX = x + colSpan; + } + } + + if (rowSpan) { + if (y + rowSpan > maxY) { + maxY = y + rowSpan; + } + } + } + } + }); + }); + + return {x : maxX, y : maxY}; + } + + function setEndCell(cell) { + var startX, startY, endX, endY, maxX, maxY, colSpan, rowSpan, x, y; + + endPos = getPos(cell); + + if (startPos && endPos) { + // Get start/end positions + startX = Math.min(startPos.x, endPos.x); + startY = Math.min(startPos.y, endPos.y); + endX = Math.max(startPos.x, endPos.x); + endY = Math.max(startPos.y, endPos.y); + + // Expand end positon to include spans + maxX = endX; + maxY = endY; + + // Expand startX + for (y = startY; y <= maxY; y++) { + cell = grid[y][startX]; + + if (!cell.real) { + if (startX - (cell.colspan - 1) < startX) { + startX -= cell.colspan - 1; + } + } + } + + // Expand startY + for (x = startX; x <= maxX; x++) { + cell = grid[startY][x]; + + if (!cell.real) { + if (startY - (cell.rowspan - 1) < startY) { + startY -= cell.rowspan - 1; + } + } + } + + // Find max X, Y + for (y = startY; y <= endY; y++) { + for (x = startX; x <= endX; x++) { + cell = grid[y][x]; + + if (cell.real) { + colSpan = cell.colspan - 1; + rowSpan = cell.rowspan - 1; + + if (colSpan) { + if (x + colSpan > maxX) { + maxX = x + colSpan; + } + } + + if (rowSpan) { + if (y + rowSpan > maxY) { + maxY = y + rowSpan; + } + } + } + } + } + + // Remove current selection + dom.removeClass(dom.select('td.mce-item-selected,th.mce-item-selected'), 'mce-item-selected'); + + // Add new selection + for (y = startY; y <= maxY; y++) { + for (x = startX; x <= maxX; x++) { + if (grid[y][x]) { + dom.addClass(grid[y][x].elm, 'mce-item-selected'); + } + } + } + } + } + + table = table || dom.getParent(selection.getStart(), 'table'); + + buildGrid(); + + selectedCell = dom.getParent(selection.getStart(), 'th,td'); + if (selectedCell) { + startPos = getPos(selectedCell); + endPos = findEndPos(); + selectedCell = getCell(startPos.x, startPos.y); + } + + Tools.extend(this, { + deleteTable: deleteTable, + split: split, + merge: merge, + insertRow: insertRow, + insertCol: insertCol, + deleteCols: deleteCols, + deleteRows: deleteRows, + cutRows: cutRows, + copyRows: copyRows, + pasteRows: pasteRows, + getPos: getPos, + setStartCell: setStartCell, + setEndCell: setEndCell + }); + }; +}); + +// Included from: js/tinymce/plugins/table/classes/Quirks.js + +/** + * Quirks.js + * + * Copyright, Moxiecode Systems AB + * Released under LGPL License. + * + * License: http://www.tinymce.com/license + * Contributing: http://www.tinymce.com/contributing + */ + +/** + * This class includes fixes for various browser quirks. + * + * @class tinymce.tableplugin.Quirks + * @private + */ +define("tinymce/tableplugin/Quirks", [ + "tinymce/util/VK", + "tinymce/Env", + "tinymce/util/Tools" +], function(VK, Env, Tools) { + var each = Tools.each; + + function getSpanVal(td, name) { + return parseInt(td.getAttribute(name) || 1, 10); + } + + return function(editor) { + /** + * Fixed caret movement around tables on WebKit. + */ + function moveWebKitSelection() { + function eventHandler(e) { + var key = e.keyCode; + + function handle(upBool, sourceNode) { + var siblingDirection = upBool ? 'previousSibling' : 'nextSibling'; + var currentRow = editor.dom.getParent(sourceNode, 'tr'); + var siblingRow = currentRow[siblingDirection]; + + if (siblingRow) { + moveCursorToRow(editor, sourceNode, siblingRow, upBool); + e.preventDefault(); + return true; + } else { + var tableNode = editor.dom.getParent(currentRow, 'table'); + var middleNode = currentRow.parentNode; + var parentNodeName = middleNode.nodeName.toLowerCase(); + if (parentNodeName === 'tbody' || parentNodeName === (upBool ? 'tfoot' : 'thead')) { + var targetParent = getTargetParent(upBool, tableNode, middleNode, 'tbody'); + if (targetParent !== null) { + return moveToRowInTarget(upBool, targetParent, sourceNode); + } + } + return escapeTable(upBool, currentRow, siblingDirection, tableNode); + } + } + + function getTargetParent(upBool, topNode, secondNode, nodeName) { + var tbodies = editor.dom.select('>' + nodeName, topNode); + var position = tbodies.indexOf(secondNode); + if (upBool && position === 0 || !upBool && position === tbodies.length - 1) { + return getFirstHeadOrFoot(upBool, topNode); + } else if (position === -1) { + var topOrBottom = secondNode.tagName.toLowerCase() === 'thead' ? 0 : tbodies.length - 1; + return tbodies[topOrBottom]; + } else { + return tbodies[position + (upBool ? -1 : 1)]; + } + } + + function getFirstHeadOrFoot(upBool, parent) { + var tagName = upBool ? 'thead' : 'tfoot'; + var headOrFoot = editor.dom.select('>' + tagName, parent); + return headOrFoot.length !== 0 ? headOrFoot[0] : null; + } + + function moveToRowInTarget(upBool, targetParent, sourceNode) { + var targetRow = getChildForDirection(targetParent, upBool); + + if (targetRow) { + moveCursorToRow(editor, sourceNode, targetRow, upBool); + } + + e.preventDefault(); + return true; + } + + function escapeTable(upBool, currentRow, siblingDirection, table) { + var tableSibling = table[siblingDirection]; + + if (tableSibling) { + moveCursorToStartOfElement(tableSibling); + return true; + } else { + var parentCell = editor.dom.getParent(table, 'td,th'); + if (parentCell) { + return handle(upBool, parentCell, e); + } else { + var backUpSibling = getChildForDirection(currentRow, !upBool); + moveCursorToStartOfElement(backUpSibling); + e.preventDefault(); + return false; + } + } + } + + function getChildForDirection(parent, up) { + var child = parent && parent[up ? 'lastChild' : 'firstChild']; + // BR is not a valid table child to return in this case we return the table cell + return child && child.nodeName === 'BR' ? editor.dom.getParent(child, 'td,th') : child; + } + + function moveCursorToStartOfElement(n) { + editor.selection.setCursorLocation(n, 0); + } + + function isVerticalMovement() { + return key == VK.UP || key == VK.DOWN; + } + + function isInTable(editor) { + var node = editor.selection.getNode(); + var currentRow = editor.dom.getParent(node, 'tr'); + return currentRow !== null; + } + + function columnIndex(column) { + var colIndex = 0; + var c = column; + while (c.previousSibling) { + c = c.previousSibling; + colIndex = colIndex + getSpanVal(c, "colspan"); + } + return colIndex; + } + + function findColumn(rowElement, columnIndex) { + var c = 0, r = 0; + + each(rowElement.children, function(cell, i) { + c = c + getSpanVal(cell, "colspan"); + r = i; + if (c > columnIndex) { + return false; + } + }); + return r; + } + + function moveCursorToRow(ed, node, row, upBool) { + var srcColumnIndex = columnIndex(editor.dom.getParent(node, 'td,th')); + var tgtColumnIndex = findColumn(row, srcColumnIndex); + var tgtNode = row.childNodes[tgtColumnIndex]; + var rowCellTarget = getChildForDirection(tgtNode, upBool); + moveCursorToStartOfElement(rowCellTarget || tgtNode); + } + + function shouldFixCaret(preBrowserNode) { + var newNode = editor.selection.getNode(); + var newParent = editor.dom.getParent(newNode, 'td,th'); + var oldParent = editor.dom.getParent(preBrowserNode, 'td,th'); + + return newParent && newParent !== oldParent && checkSameParentTable(newParent, oldParent); + } + + function checkSameParentTable(nodeOne, NodeTwo) { + return editor.dom.getParent(nodeOne, 'TABLE') === editor.dom.getParent(NodeTwo, 'TABLE'); + } + + if (isVerticalMovement() && isInTable(editor)) { + var preBrowserNode = editor.selection.getNode(); + setTimeout(function() { + if (shouldFixCaret(preBrowserNode)) { + handle(!e.shiftKey && key === VK.UP, preBrowserNode, e); + } + }, 0); + } + } + + editor.on('KeyDown', function(e) { + eventHandler(e); + }); + } + + function fixBeforeTableCaretBug() { + // Checks if the selection/caret is at the start of the specified block element + function isAtStart(rng, par) { + var doc = par.ownerDocument, rng2 = doc.createRange(), elm; + + rng2.setStartBefore(par); + rng2.setEnd(rng.endContainer, rng.endOffset); + + elm = doc.createElement('body'); + elm.appendChild(rng2.cloneContents()); + + // Check for text characters of other elements that should be treated as content + return elm.innerHTML.replace(/<(br|img|object|embed|input|textarea)[^>]*>/gi, '-').replace(/<[^>]+>/g, '').length === 0; + } + + // Fixes an bug where it's impossible to place the caret before a table in Gecko + // this fix solves it by detecting when the caret is at the beginning of such a table + // and then manually moves the caret infront of the table + editor.on('KeyDown', function(e) { + var rng, table, dom = editor.dom; + + // On gecko it's not possible to place the caret before a table + if (e.keyCode == 37 || e.keyCode == 38) { + rng = editor.selection.getRng(); + table = dom.getParent(rng.startContainer, 'table'); + + if (table && editor.getBody().firstChild == table) { + if (isAtStart(rng, table)) { + rng = dom.createRng(); + + rng.setStartBefore(table); + rng.setEndBefore(table); + + editor.selection.setRng(rng); + + e.preventDefault(); + } + } + } + }); + } + + // Fixes an issue on Gecko where it's impossible to place the caret behind a table + // This fix will force a paragraph element after the table but only when the forced_root_block setting is enabled + function fixTableCaretPos() { + editor.on('KeyDown SetContent VisualAid', function() { + var last; + + // Skip empty text nodes from the end + for (last = editor.getBody().lastChild; last; last = last.previousSibling) { + if (last.nodeType == 3) { + if (last.nodeValue.length > 0) { + break; + } + } else if (last.nodeType == 1 && !last.getAttribute('data-mce-bogus')) { + break; + } + } + + if (last && last.nodeName == 'TABLE') { + if (editor.settings.forced_root_block) { + editor.dom.add( + editor.getBody(), + editor.settings.forced_root_block, + editor.settings.forced_root_block_attrs, + Env.ie && Env.ie < 11 ? ' ' : '
' + ); + } else { + editor.dom.add(editor.getBody(), 'br', {'data-mce-bogus': '1'}); + } + } + }); + + editor.on('PreProcess', function(o) { + var last = o.node.lastChild; + + if (last && (last.nodeName == "BR" || (last.childNodes.length == 1 && + (last.firstChild.nodeName == 'BR' || last.firstChild.nodeValue == '\u00a0'))) && + last.previousSibling && last.previousSibling.nodeName == "TABLE") { + editor.dom.remove(last); + } + }); + } + + // this nasty hack is here to work around some WebKit selection bugs. + function fixTableCellSelection() { + function tableCellSelected(ed, rng, n, currentCell) { + // The decision of when a table cell is selected is somewhat involved. The fact that this code is + // required is actually a pointer to the root cause of this bug. A cell is selected when the start + // and end offsets are 0, the start container is a text, and the selection node is either a TR (most cases) + // or the parent of the table (in the case of the selection containing the last cell of a table). + var TEXT_NODE = 3, table = ed.dom.getParent(rng.startContainer, 'TABLE'); + var tableParent, allOfCellSelected, tableCellSelection; + + if (table) { + tableParent = table.parentNode; + } + + allOfCellSelected =rng.startContainer.nodeType == TEXT_NODE && + rng.startOffset === 0 && + rng.endOffset === 0 && + currentCell && + (n.nodeName == "TR" || n == tableParent); + + tableCellSelection = (n.nodeName == "TD" || n.nodeName == "TH") && !currentCell; + + return allOfCellSelected || tableCellSelection; + } + + function fixSelection() { + var rng = editor.selection.getRng(); + var n = editor.selection.getNode(); + var currentCell = editor.dom.getParent(rng.startContainer, 'TD,TH'); + + if (!tableCellSelected(editor, rng, n, currentCell)) { + return; + } + + if (!currentCell) { + currentCell=n; + } + + // Get the very last node inside the table cell + var end = currentCell.lastChild; + while (end.lastChild) { + end = end.lastChild; + } + + // Select the entire table cell. Nothing outside of the table cell should be selected. + rng.setEnd(end, end.nodeValue.length); + editor.selection.setRng(rng); + } + + editor.on('KeyDown', function() { + fixSelection(); + }); + + editor.on('MouseDown', function(e) { + if (e.button != 2) { + fixSelection(); + } + }); + } + + /** + * Delete table if all cells are selected. + */ + function deleteTable() { + editor.on('keydown', function(e) { + if ((e.keyCode == VK.DELETE || e.keyCode == VK.BACKSPACE) && !e.isDefaultPrevented()) { + var table = editor.dom.getParent(editor.selection.getStart(), 'table'); + + if (table) { + var cells = editor.dom.select('td,th', table), i = cells.length; + while (i--) { + if (!editor.dom.hasClass(cells[i], 'mce-item-selected')) { + return; + } + } + + e.preventDefault(); + editor.execCommand('mceTableDelete'); + } + } + }); + } + + deleteTable(); + + if (Env.webkit) { + moveWebKitSelection(); + fixTableCellSelection(); + } + + if (Env.gecko) { + fixBeforeTableCaretBug(); + fixTableCaretPos(); + } + + if (Env.ie > 10) { + fixBeforeTableCaretBug(); + fixTableCaretPos(); + } + }; +}); + +// Included from: js/tinymce/plugins/table/classes/CellSelection.js + +/** + * CellSelection.js + * + * Copyright, Moxiecode Systems AB + * Released under LGPL License. + * + * License: http://www.tinymce.com/license + * Contributing: http://www.tinymce.com/contributing + */ + +/** + * This class handles table cell selection by faking it using a css class that gets applied + * to cells when dragging the mouse from one cell to another. + * + * @class tinymce.tableplugin.CellSelection + * @private + */ +define("tinymce/tableplugin/CellSelection", [ + "tinymce/tableplugin/TableGrid", + "tinymce/dom/TreeWalker", + "tinymce/util/Tools" +], function(TableGrid, TreeWalker, Tools) { + return function(editor) { + var dom = editor.dom, tableGrid, startCell, startTable, hasCellSelection = true; + + function clear() { + // Restore selection possibilities + editor.getBody().style.webkitUserSelect = ''; + + if (hasCellSelection) { + editor.dom.removeClass( + editor.dom.select('td.mce-item-selected,th.mce-item-selected'), + 'mce-item-selected' + ); + + hasCellSelection = false; + } + } + + function cellSelectionHandler(e) { + var sel, table, target = e.target; + + if (startCell && (tableGrid || target != startCell) && (target.nodeName == 'TD' || target.nodeName == 'TH')) { + table = dom.getParent(target, 'table'); + if (table == startTable) { + if (!tableGrid) { + tableGrid = new TableGrid(editor, table); + tableGrid.setStartCell(startCell); + + editor.getBody().style.webkitUserSelect = 'none'; + } + + tableGrid.setEndCell(target); + hasCellSelection = true; + } + + // Remove current selection + sel = editor.selection.getSel(); + + try { + if (sel.removeAllRanges) { + sel.removeAllRanges(); + } else { + sel.empty(); + } + } catch (ex) { + // IE9 might throw errors here + } + + e.preventDefault(); + } + } + + // Add cell selection logic + editor.on('MouseDown', function(e) { + if (e.button != 2) { + clear(); + + startCell = dom.getParent(e.target, 'td,th'); + startTable = dom.getParent(startCell, 'table'); + } + }); + + dom.bind(editor.getDoc(), 'mouseover', cellSelectionHandler); + + editor.on('remove', function() { + dom.unbind(editor.getDoc(), 'mouseover', cellSelectionHandler); + }); + + editor.on('MouseUp', function() { + var rng, sel = editor.selection, selectedCells, walker, node, lastNode, endNode; + + function setPoint(node, start) { + var walker = new TreeWalker(node, node); + + do { + // Text node + if (node.nodeType == 3 && Tools.trim(node.nodeValue).length !== 0) { + if (start) { + rng.setStart(node, 0); + } else { + rng.setEnd(node, node.nodeValue.length); + } + + return; + } + + // BR element + if (node.nodeName == 'BR') { + if (start) { + rng.setStartBefore(node); + } else { + rng.setEndBefore(node); + } + + return; + } + } while ((node = (start ? walker.next() : walker.prev()))); + } + + // Move selection to startCell + if (startCell) { + if (tableGrid) { + editor.getBody().style.webkitUserSelect = ''; + } + + // Try to expand text selection as much as we can only Gecko supports cell selection + selectedCells = dom.select('td.mce-item-selected,th.mce-item-selected'); + if (selectedCells.length > 0) { + rng = dom.createRng(); + node = selectedCells[0]; + endNode = selectedCells[selectedCells.length - 1]; + rng.setStartBefore(node); + rng.setEndAfter(node); + + setPoint(node, 1); + walker = new TreeWalker(node, dom.getParent(selectedCells[0], 'table')); + + do { + if (node.nodeName == 'TD' || node.nodeName == 'TH') { + if (!dom.hasClass(node, 'mce-item-selected')) { + break; + } + + lastNode = node; + } + } while ((node = walker.next())); + + setPoint(lastNode); + + sel.setRng(rng); + } + + editor.nodeChanged(); + startCell = tableGrid = startTable = null; + } + }); + + editor.on('KeyUp', function() { + clear(); + }); + + return { + clear: clear + }; + }; +}); + +// Included from: js/tinymce/plugins/table/classes/Plugin.js + +/** + * Plugin.js + * + * Copyright, Moxiecode Systems AB + * Released under LGPL License. + * + * License: http://www.tinymce.com/license + * Contributing: http://www.tinymce.com/contributing + */ + +/** + * This class contains all core logic for the table plugin. + * + * @class tinymce.tableplugin.Plugin + * @private + */ +define("tinymce/tableplugin/Plugin", [ + "tinymce/tableplugin/TableGrid", + "tinymce/tableplugin/Quirks", + "tinymce/tableplugin/CellSelection", + "tinymce/util/Tools", + "tinymce/dom/TreeWalker", + "tinymce/Env", + "tinymce/PluginManager" +], function(TableGrid, Quirks, CellSelection, Tools, TreeWalker, Env, PluginManager) { + var each = Tools.each; + + function Plugin(editor) { + var winMan, clipboardRows, self = this; // Might be selected cells on reload + + function removePxSuffix(size) { + return size ? size.replace(/px$/, '') : ""; + } + + function addSizeSuffix(size) { + if (/^[0-9]+$/.test(size)) { + size += "px"; + } + + return size; + } + + function unApplyAlign(elm) { + each('left center right'.split(' '), function(name) { + editor.formatter.remove('align' + name, {}, elm); + }); + } + + function tableDialog() { + var dom = editor.dom, tableElm, data; + + tableElm = dom.getParent(editor.selection.getStart(), 'table'); + + data = { + width: removePxSuffix(dom.getStyle(tableElm, 'width') || dom.getAttrib(tableElm, 'width')), + height: removePxSuffix(dom.getStyle(tableElm, 'height') || dom.getAttrib(tableElm, 'height')), + cellspacing: dom.getAttrib(tableElm, 'cellspacing'), + cellpadding: dom.getAttrib(tableElm, 'cellpadding'), + border: dom.getAttrib(tableElm, 'border'), + caption: !!dom.select('caption', tableElm)[0] + }; + + each('left center right'.split(' '), function(name) { + if (editor.formatter.matchNode(tableElm, 'align' + name)) { + data.align = name; + } + }); + + editor.windowManager.open({ + title: "Table properties", + items: { + type: 'form', + layout: 'grid', + columns: 2, + data: data, + defaults: { + type: 'textbox', + maxWidth: 50 + }, + items: [ + {label: 'Width', name: 'width'}, + {label: 'Height', name: 'height'}, + {label: 'Cell spacing', name: 'cellspacing'}, + {label: 'Cell padding', name: 'cellpadding'}, + {label: 'Border', name: 'border'}, + {label: 'Caption', name: 'caption', type: 'checkbox'}, + { + label: 'Alignment', + minWidth: 90, + name: 'align', + type: 'listbox', + text: 'None', + maxWidth: null, + values: [ + {text: 'None', value: ''}, + {text: 'Left', value: 'left'}, + {text: 'Center', value: 'center'}, + {text: 'Right', value: 'right'} + ] + } + ] + }, + + onsubmit: function() { + var data = this.toJSON(), captionElm; + + editor.undoManager.transact(function() { + editor.dom.setAttribs(tableElm, { + cellspacing: data.cellspacing, + cellpadding: data.cellpadding, + border: data.border + }); + + editor.dom.setStyles(tableElm, { + width: addSizeSuffix(data.width), + height: addSizeSuffix(data.height) + }); + + // Toggle caption on/off + captionElm = dom.select('caption', tableElm)[0]; + + if (captionElm && !data.caption) { + dom.remove(captionElm); + } + + if (!captionElm && data.caption) { + captionElm = dom.create('caption'); + captionElm.innerHTML = !Env.ie ? '
' : '\u00a0'; + tableElm.insertBefore(captionElm, tableElm.firstChild); + } + + unApplyAlign(tableElm); + if (data.align) { + editor.formatter.apply('align' + data.align, {}, tableElm); + } + + editor.focus(); + editor.addVisual(); + }); + } + }); + } + + function mergeDialog(grid, cell) { + editor.windowManager.open({ + title: "Merge cells", + body: [ + {label: 'Cols', name: 'cols', type: 'textbox', size: 10}, + {label: 'Rows', name: 'rows', type: 'textbox', size: 10} + ], + onsubmit: function() { + var data = this.toJSON(); + + editor.undoManager.transact(function() { + grid.merge(cell, data.cols, data.rows); + }); + } + }); + } + + function cellDialog() { + var dom = editor.dom, cellElm, data, cells = []; + + // Get selected cells or the current cell + cells = editor.dom.select('td.mce-item-selected,th.mce-item-selected'); + cellElm = editor.dom.getParent(editor.selection.getStart(), 'td,th'); + if (!cells.length && cellElm) { + cells.push(cellElm); + } + + cellElm = cellElm || cells[0]; + + data = { + width: removePxSuffix(dom.getStyle(cellElm, 'width') || dom.getAttrib(cellElm, 'width')), + height: removePxSuffix(dom.getStyle(cellElm, 'height') || dom.getAttrib(cellElm, 'height')), + scope: dom.getAttrib(cellElm, 'scope') + }; + + data.type = cellElm.nodeName.toLowerCase(); + + each('left center right'.split(' '), function(name) { + if (editor.formatter.matchNode(cellElm, 'align' + name)) { + data.align = name; + } + }); + + editor.windowManager.open({ + title: "Cell properties", + items: { + type: 'form', + data: data, + layout: 'grid', + columns: 2, + defaults: { + type: 'textbox', + maxWidth: 50 + }, + items: [ + {label: 'Width', name: 'width'}, + {label: 'Height', name: 'height'}, + { + label: 'Cell type', + name: 'type', + type: 'listbox', + text: 'None', + minWidth: 90, + maxWidth: null, + menu: [ + {text: 'Cell', value: 'td'}, + {text: 'Header cell', value: 'th'} + ] + }, + { + label: 'Scope', + name: 'scope', + type: 'listbox', + text: 'None', + minWidth: 90, + maxWidth: null, + menu: [ + {text: 'None', value: ''}, + {text: 'Row', value: 'row'}, + {text: 'Column', value: 'col'}, + {text: 'Row group', value: 'rowgroup'}, + {text: 'Column group', value: 'colgroup'} + ] + }, + { + label: 'Alignment', + name: 'align', + type: 'listbox', + text: 'None', + minWidth: 90, + maxWidth: null, + values: [ + {text: 'None', value: ''}, + {text: 'Left', value: 'left'}, + {text: 'Center', value: 'center'}, + {text: 'Right', value: 'right'} + ] + } + ] + }, + + onsubmit: function() { + var data = this.toJSON(); + + editor.undoManager.transact(function() { + each(cells, function(cellElm) { + editor.dom.setAttrib(cellElm, 'scope', data.scope); + + editor.dom.setStyles(cellElm, { + width: addSizeSuffix(data.width), + height: addSizeSuffix(data.height) + }); + + // Switch cell type + if (data.type && cellElm.nodeName.toLowerCase() != data.type) { + cellElm = dom.rename(cellElm, data.type); + } + + // Apply/remove alignment + unApplyAlign(cellElm); + if (data.align) { + editor.formatter.apply('align' + data.align, {}, cellElm); + } + }); + + editor.focus(); + }); + } + }); + } + + function rowDialog() { + var dom = editor.dom, tableElm, cellElm, rowElm, data, rows = []; + + tableElm = editor.dom.getParent(editor.selection.getStart(), 'table'); + cellElm = editor.dom.getParent(editor.selection.getStart(), 'td,th'); + + each(tableElm.rows, function(row) { + each(row.cells, function(cell) { + if (dom.hasClass(cell, 'mce-item-selected') || cell == cellElm) { + rows.push(row); + return false; + } + }); + }); + + rowElm = rows[0]; + + data = { + height: removePxSuffix(dom.getStyle(rowElm, 'height') || dom.getAttrib(rowElm, 'height')), + scope: dom.getAttrib(rowElm, 'scope') + }; + + data.type = rowElm.parentNode.nodeName.toLowerCase(); + + each('left center right'.split(' '), function(name) { + if (editor.formatter.matchNode(rowElm, 'align' + name)) { + data.align = name; + } + }); + + editor.windowManager.open({ + title: "Row properties", + items: { + type: 'form', + data: data, + columns: 2, + defaults: { + type: 'textbox' + }, + items: [ + { + type: 'listbox', + name: 'type', + label: 'Row type', + text: 'None', + maxWidth: null, + menu: [ + {text: 'Header', value: 'thead'}, + {text: 'Body', value: 'tbody'}, + {text: 'Footer', value: 'tfoot'} + ] + }, + { + type: 'listbox', + name: 'align', + label: 'Alignment', + text: 'None', + maxWidth: null, + menu: [ + {text: 'None', value: ''}, + {text: 'Left', value: 'left'}, + {text: 'Center', value: 'center'}, + {text: 'Right', value: 'right'} + ] + }, + {label: 'Height', name: 'height'} + ] + }, + + onsubmit: function() { + var data = this.toJSON(), tableElm, oldParentElm, parentElm; + + editor.undoManager.transact(function() { + var toType = data.type; + + each(rows, function(rowElm) { + editor.dom.setAttrib(rowElm, 'scope', data.scope); + + editor.dom.setStyles(rowElm, { + height: addSizeSuffix(data.height) + }); + + if (toType != rowElm.parentNode.nodeName.toLowerCase()) { + tableElm = dom.getParent(rowElm, 'table'); + + oldParentElm = rowElm.parentNode; + parentElm = dom.select(toType, tableElm)[0]; + if (!parentElm) { + parentElm = dom.create(toType); + if (tableElm.firstChild) { + tableElm.insertBefore(parentElm, tableElm.firstChild); + } else { + tableElm.appendChild(parentElm); + } + } + + parentElm.appendChild(rowElm); + + if (!oldParentElm.hasChildNodes()) { + dom.remove(oldParentElm); + } + } + + // Apply/remove alignment + unApplyAlign(rowElm); + if (data.align) { + editor.formatter.apply('align' + data.align, {}, rowElm); + } + }); + + editor.focus(); + }); + } + }); + } + + function cmd(command) { + return function() { + editor.execCommand(command); + }; + } + + function insertTable(cols, rows) { + var y, x, html; + + html = '
| ' + (Env.ie ? " " : ' ') + ' | ';
+ }
+
+ html += '
| '; + } + + html += ' |
0 x 0
';
+
+ return html;
+ }
+
+ editor.addMenuItem('inserttable', {
+ text: 'Insert table',
+ icon: 'table',
+ context: 'table',
+ onhide: function() {
+ editor.dom.removeClass(this.menu.items()[0].getEl().getElementsByTagName('a'), 'mce-active');
+ },
+ menu: [
+ {
+ type: 'container',
+ html: generateTableGrid(),
+
+ onmousemove: function(e) {
+ var x, y, target = e.target;
+
+ if (target.nodeName == 'A') {
+ var table = editor.dom.getParent(target, 'table');
+ var pos = target.getAttribute('data-mce-index');
+ var rel = e.control.parent().rel;
+
+ if (pos != this.lastPos) {
+ pos = pos.split(',');
+
+ pos[0] = parseInt(pos[0], 10);
+ pos[1] = parseInt(pos[1], 10);
+
+ if (e.control.isRtl() || rel == 'tl-tr') {
+ for (y = 9; y >= 0; y--) {
+ for (x = 0; x < 10; x++) {
+ editor.dom.toggleClass(
+ table.rows[y].childNodes[x].firstChild,
+ 'mce-active',
+ x >= pos[0] && y <= pos[1]
+ );
+ }
+ }
+
+ pos[0] = 9 - pos[0];
+ table.nextSibling.innerHTML = pos[0] + ' x '+ (pos[1] + 1);
+ } else {
+ for (y = 0; y < 10; y++) {
+ for (x = 0; x < 10; x++) {
+ editor.dom.toggleClass(
+ table.rows[y].childNodes[x].firstChild,
+ 'mce-active',
+ x <= pos[0] && y <= pos[1]
+ );
+ }
+ }
+
+ table.nextSibling.innerHTML = (pos[0] + 1) + ' x '+ (pos[1] + 1);
+ }
+
+ this.lastPos = pos;
+ }
+ }
+ },
+
+ onclick: function(e) {
+ if (e.target.nodeName == 'A' && this.lastPos) {
+ e.preventDefault();
+
+ insertTable(this.lastPos[0] + 1, this.lastPos[1] + 1);
+
+ // TODO: Maybe rework this?
+ this.parent().cancel(); // Close parent menu as if it was a click
+ }
+ }
+ }
+ ]
+ });
+
+ editor.addMenuItem('tableprops', {
+ text: 'Table properties',
+ context: 'table',
+ onPostRender: postRender,
+ onclick: tableDialog
+ });
+
+ editor.addMenuItem('deletetable', {
+ text: 'Delete table',
+ context: 'table',
+ onPostRender: postRender,
+ cmd: 'mceTableDelete'
+ });
+
+ editor.addMenuItem('cell', {
+ separator: 'before',
+ text: 'Cell',
+ context: 'table',
+ menu: [
+ {text: 'Cell properties', onclick: cmd('mceTableCellProps'), onPostRender: postRenderCell},
+ {text: 'Merge cells', onclick: cmd('mceTableMergeCells'), onPostRender: postRenderCell},
+ {text: 'Split cell', onclick: cmd('mceTableSplitCells'), onPostRender: postRenderCell}
+ ]
+ });
+
+ editor.addMenuItem('row', {
+ text: 'Row',
+ context: 'table',
+ menu: [
+ {text: 'Insert row before', onclick: cmd('mceTableInsertRowBefore'), onPostRender: postRenderCell},
+ {text: 'Insert row after', onclick: cmd('mceTableInsertRowAfter'), onPostRender: postRenderCell},
+ {text: 'Delete row', onclick: cmd('mceTableDeleteRow'), onPostRender: postRenderCell},
+ {text: 'Row properties', onclick: cmd('mceTableRowProps'), onPostRender: postRenderCell},
+ {text: '-'},
+ {text: 'Cut row', onclick: cmd('mceTableCutRow'), onPostRender: postRenderCell},
+ {text: 'Copy row', onclick: cmd('mceTableCopyRow'), onPostRender: postRenderCell},
+ {text: 'Paste row before', onclick: cmd('mceTablePasteRowBefore'), onPostRender: postRenderCell},
+ {text: 'Paste row after', onclick: cmd('mceTablePasteRowAfter'), onPostRender: postRenderCell}
+ ]
+ });
+
+ editor.addMenuItem('column', {
+ text: 'Column',
+ context: 'table',
+ menu: [
+ {text: 'Insert column before', onclick: cmd('mceTableInsertColBefore'), onPostRender: postRenderCell},
+ {text: 'Insert column after', onclick: cmd('mceTableInsertColAfter'), onPostRender: postRenderCell},
+ {text: 'Delete column', onclick: cmd('mceTableDeleteCol'), onPostRender: postRenderCell}
+ ]
+ });
+
+ var menuItems = [];
+ each("inserttable tableprops deletetable | cell row column".split(' '), function(name) {
+ if (name == '|') {
+ menuItems.push({text: '-'});
+ } else {
+ menuItems.push(editor.menuItems[name]);
+ }
+ });
+
+ editor.addButton("table", {
+ type: "menubutton",
+ title: "Table",
+ menu: menuItems
+ });
+
+ // Select whole table is a table border is clicked
+ if (!Env.isIE) {
+ editor.on('click', function(e) {
+ e = e.target;
+
+ if (e.nodeName === 'TABLE') {
+ editor.selection.select(e);
+ editor.nodeChanged();
+ }
+ });
+ }
+
+ self.quirks = new Quirks(editor);
+
+ editor.on('Init', function() {
+ winMan = editor.windowManager;
+ self.cellSelection = new CellSelection(editor);
+ });
+
+ // Register action commands
+ each({
+ mceTableSplitCells: function(grid) {
+ grid.split();
+ },
+
+ mceTableMergeCells: function(grid) {
+ var rowSpan, colSpan, cell;
+
+ cell = editor.dom.getParent(editor.selection.getStart(), 'th,td');
+ if (cell) {
+ rowSpan = cell.rowSpan;
+ colSpan = cell.colSpan;
+ }
+
+ if (!editor.dom.select('td.mce-item-selected,th.mce-item-selected').length) {
+ mergeDialog(grid, cell);
+ } else {
+ grid.merge();
+ }
+ },
+
+ mceTableInsertRowBefore: function(grid) {
+ grid.insertRow(true);
+ },
+
+ mceTableInsertRowAfter: function(grid) {
+ grid.insertRow();
+ },
+
+ mceTableInsertColBefore: function(grid) {
+ grid.insertCol(true);
+ },
+
+ mceTableInsertColAfter: function(grid) {
+ grid.insertCol();
+ },
+
+ mceTableDeleteCol: function(grid) {
+ grid.deleteCols();
+ },
+
+ mceTableDeleteRow: function(grid) {
+ grid.deleteRows();
+ },
+
+ mceTableCutRow: function(grid) {
+ clipboardRows = grid.cutRows();
+ },
+
+ mceTableCopyRow: function(grid) {
+ clipboardRows = grid.copyRows();
+ },
+
+ mceTablePasteRowBefore: function(grid) {
+ grid.pasteRows(clipboardRows, true);
+ },
+
+ mceTablePasteRowAfter: function(grid) {
+ grid.pasteRows(clipboardRows);
+ },
+
+ mceTableDelete: function(grid) {
+ grid.deleteTable();
+ }
+ }, function(func, name) {
+ editor.addCommand(name, function() {
+ var grid = new TableGrid(editor);
+
+ if (grid) {
+ func(grid);
+ editor.execCommand('mceRepaint');
+ self.cellSelection.clear();
+ }
+ });
+ });
+
+ // Register dialog commands
+ each({
+ mceInsertTable: function() {
+ tableDialog();
+ },
+
+ mceTableRowProps: rowDialog,
+ mceTableCellProps: cellDialog
+ }, function(func, name) {
+ editor.addCommand(name, function(ui, val) {
+ func(val);
+ });
+ });
+ }
+
+ PluginManager.add('table', Plugin);
+});
+
+expose(["tinymce/tableplugin/TableGrid","tinymce/tableplugin/Quirks","tinymce/tableplugin/CellSelection","tinymce/tableplugin/Plugin"]);
+})(this);
\ No newline at end of file
diff --git a/tests/qunit/editor/external-plugins/table/plugin.min.js b/tests/qunit/editor/external-plugins/table/plugin.min.js
new file mode 100644
index 0000000000..d041caeabf
--- /dev/null
+++ b/tests/qunit/editor/external-plugins/table/plugin.min.js
@@ -0,0 +1 @@
+!function(e,t){"use strict";function n(e,t){for(var n,r=[],i=0;i'),!1):void 0},"childNodes"),n=s(n,!1),c(n,"rowSpan",1),c(n,"colSpan",1),o?n.appendChild(o):t.ie||(n.innerHTML='
'),n}function m(){var e=H.createRng(),t;return r(H.select("tr",o),function(e){0===e.cells.length&&H.remove(e)}),0===H.select("tr",o).length?(e.setStartBefore(o),e.setEndBefore(o),D.setRng(e),H.remove(o),void 0):(r(H.select("thead,tbody,tfoot",o),function(e){0===e.rows.length&&H.remove(e)}),a(),t=R[Math.min(R.length-1,A.y)],t&&(D.select(t[Math.min(t.length-1,A.x)].elm,!0),D.collapse(!0)),void 0)}function h(e,t,n,r){var i,o,a,s,l;for(i=R[t][e].elm.parentNode,a=1;n>=a;a++)if(i=H.getNext(i,"tr")){for(o=e;o>=0;o--)if(l=R[t+a][o].elm,l.parentNode==i){for(s=1;r>=s;s++)H.insertAfter(p(l),l);break}if(-1==o)for(s=1;r>=s;s++)i.insertBefore(p(i.cells[0]),i.cells[0])}}function g(){r(R,function(e,t){r(e,function(e,r){var i,o,a;if(d(e)&&(e=e.elm,i=n(e,"colspan"),o=n(e,"rowspan"),i>1||o>1)){for(c(e,"rowSpan",1),c(e,"colSpan",1),a=0;i-1>a;a++)H.insertAfter(p(e),e);h(r,t,o-1,i)}})})}function v(t,n,i){var o,s,u,f,p,h,v,y,b,C,x;if(t?(o=E(t),s=o.x,u=o.y,f=s+(n-1),p=u+(i-1)):(A=B=null,r(R,function(e,t){r(e,function(e,n){d(e)&&(A||(A={x:n,y:t}),B={x:n,y:t})})}),s=A.x,u=A.y,f=B.x,p=B.y),y=l(s,u),b=l(f,p),y&&b&&y.part==b.part){for(g(),a(),y=l(s,u).elm,c(y,"colSpan",f-s+1),c(y,"rowSpan",p-u+1),v=u;p>=v;v++)for(h=s;f>=h;h++)R[v]&&R[v][h]&&(t=R[v][h].elm,t!=y&&(C=e.grep(t.childNodes),r(C,function(e){y.appendChild(e)}),C.length&&(C=e.grep(y.childNodes),x=0,r(C,function(e){"BR"==e.nodeName&&H.getAttrib(e,"data-mce-bogus")&&x++
'):n.dom.add(n.getBody(),"br",{"data-mce-bogus":"1"}))}),n.on("PreProcess",function(e){var t=e.node.lastChild;t&&("BR"==t.nodeName||1==t.childNodes.length&&("BR"==t.firstChild.nodeName||"\xa0"==t.firstChild.nodeValue))&&t.previousSibling&&"TABLE"==t.previousSibling.nodeName&&n.dom.remove(t)})}function l(){function e(e,t,n,r){var i=3,o=e.dom.getParent(t.startContainer,"TABLE"),a,s,l;return o&&(a=o.parentNode),s=t.startContainer.nodeType==i&&0===t.startOffset&&0===t.endOffset&&r&&("TR"==n.nodeName||n==a),l=("TD"==n.nodeName||"TH"==n.nodeName)&&!r,s||l}function t(){var t=n.selection.getRng(),r=n.selection.getNode(),i=n.dom.getParent(t.startContainer,"TD,TH");if(e(n,t,r,i)){i||(i=r);for(var o=i.lastChild;o.lastChild;)o=o.lastChild;t.setEnd(o,o.nodeValue.length),n.selection.setRng(t)}}n.on("KeyDown",function(){t()}),n.on("MouseDown",function(e){2!=e.button&&t()})}function c(){n.on("keydown",function(t){if((t.keyCode==e.DELETE||t.keyCode==e.BACKSPACE)&&!t.isDefaultPrevented()){var r=n.dom.getParent(n.selection.getStart(),"table");if(r){for(var i=n.dom.select("td,th",r),o=i.length;o--;)if(!n.dom.hasClass(i[o],"mce-item-selected"))return;t.preventDefault(),n.execCommand("mceTableDelete")}}})}c(),t.webkit&&(o(),l()),t.gecko&&(a(),s()),t.ie>10&&(a(),s())}}),r(p,[l,m,c],function(e,t,n){return function(r){function i(){r.getBody().style.webkitUserSelect="",d&&(r.dom.removeClass(r.dom.select("td.mce-item-selected,th.mce-item-selected"),"mce-item-selected"),d=!1)}function o(t){var n,i,o=t.target;if(l&&(s||o!=l)&&("TD"==o.nodeName||"TH"==o.nodeName)){i=a.getParent(o,"table"),i==c&&(s||(s=new e(r,i),s.setStartCell(l),r.getBody().style.webkitUserSelect="none"),s.setEndCell(o),d=!0),n=r.selection.getSel();try{n.removeAllRanges?n.removeAllRanges():n.empty()}catch(u){}t.preventDefault()}}var a=r.dom,s,l,c,d=!0;return r.on("MouseDown",function(e){2!=e.button&&(i(),l=a.getParent(e.target,"td,th"),c=a.getParent(l,"table"))}),a.bind(r.getDoc(),"mouseover",o),r.on("remove",function(){a.unbind(r.getDoc(),"mouseover",o)}),r.on("MouseUp",function(){function e(e,r){var o=new t(e,e);do{if(3==e.nodeType&&0!==n.trim(e.nodeValue).length)return r?i.setStart(e,0):i.setEnd(e,e.nodeValue.length),void 0;if("BR"==e.nodeName)return r?i.setStartBefore(e):i.setEndBefore(e),void 0}while(e=r?o.next():o.prev())}var i,o=r.selection,d,u,f,p,m;if(l){if(s&&(r.getBody().style.webkitUserSelect=""),d=a.select("td.mce-item-selected,th.mce-item-selected"),d.length>0){i=a.createRng(),f=d[0],m=d[d.length-1],i.setStartBefore(f),i.setEndAfter(f),e(f,1),u=new t(f,a.getParent(d[0],"table"));do if("TD"==f.nodeName||"TH"==f.nodeName){if(!a.hasClass(f,"mce-item-selected"))break;p=f}while(f=u.next());e(p),o.setRng(i)}r.nodeChanged(),l=s=c=null}}),r.on("KeyUp",function(){i()}),{clear:i}}}),r(h,[l,u,p,c,m,d,g],function(e,t,n,r,i,o,a){function s(r){function i(e){return e?e.replace(/px$/,""):""}function a(e){return/^[0-9]+$/.test(e)&&(e+="px"),e}function s(e){l("left center right".split(" "),function(t){r.formatter.remove("align"+t,{},e)})}function c(){var e=r.dom,t,n;t=e.getParent(r.selection.getStart(),"table"),n={width:i(e.getStyle(t,"width")||e.getAttrib(t,"width")),height:i(e.getStyle(t,"height")||e.getAttrib(t,"height")),cellspacing:e.getAttrib(t,"cellspacing"),cellpadding:e.getAttrib(t,"cellpadding"),border:e.getAttrib(t,"border"),caption:!!e.select("caption",t)[0]},l("left center right".split(" "),function(e){r.formatter.matchNode(t,"align"+e)&&(n.align=e)}),r.windowManager.open({title:"Table properties",items:{type:"form",layout:"grid",columns:2,data:n,defaults:{type:"textbox",maxWidth:50},items:[{label:"Width",name:"width"},{label:"Height",name:"height"},{label:"Cell spacing",name:"cellspacing"},{label:"Cell padding",name:"cellpadding"},{label:"Border",name:"border"},{label:"Caption",name:"caption",type:"checkbox"},{label:"Alignment",minWidth:90,name:"align",type:"listbox",text:"None",maxWidth:null,values:[{text:"None",value:""},{text:"Left",value:"left"},{text:"Center",value:"center"},{text:"Right",value:"right"}]}]},onsubmit:function(){var n=this.toJSON(),i;r.undoManager.transact(function(){r.dom.setAttribs(t,{cellspacing:n.cellspacing,cellpadding:n.cellpadding,border:n.border}),r.dom.setStyles(t,{width:a(n.width),height:a(n.height)}),i=e.select("caption",t)[0],i&&!n.caption&&e.remove(i),!i&&n.caption&&(i=e.create("caption"),i.innerHTML=o.ie?"\xa0":'
',t.insertBefore(i,t.firstChild)),s(t),n.align&&r.formatter.apply("align"+n.align,{},t),r.focus(),r.addVisual()})}})}function d(e,t){r.windowManager.open({title:"Merge cells",body:[{label:"Cols",name:"cols",type:"textbox",size:10},{label:"Rows",name:"rows",type:"textbox",size:10}],onsubmit:function(){var n=this.toJSON();r.undoManager.transact(function(){e.merge(t,n.cols,n.rows)})}})}function u(){var e=r.dom,t,n,o=[];o=r.dom.select("td.mce-item-selected,th.mce-item-selected"),t=r.dom.getParent(r.selection.getStart(),"td,th"),!o.length&&t&&o.push(t),t=t||o[0],n={width:i(e.getStyle(t,"width")||e.getAttrib(t,"width")),height:i(e.getStyle(t,"height")||e.getAttrib(t,"height")),scope:e.getAttrib(t,"scope")},n.type=t.nodeName.toLowerCase(),l("left center right".split(" "),function(e){r.formatter.matchNode(t,"align"+e)&&(n.align=e)}),r.windowManager.open({title:"Cell properties",items:{type:"form",data:n,layout:"grid",columns:2,defaults:{type:"textbox",maxWidth:50},items:[{label:"Width",name:"width"},{label:"Height",name:"height"},{label:"Cell type",name:"type",type:"listbox",text:"None",minWidth:90,maxWidth:null,menu:[{text:"Cell",value:"td"},{text:"Header cell",value:"th"}]},{label:"Scope",name:"scope",type:"listbox",text:"None",minWidth:90,maxWidth:null,menu:[{text:"None",value:""},{text:"Row",value:"row"},{text:"Column",value:"col"},{text:"Row group",value:"rowgroup"},{text:"Column group",value:"colgroup"}]},{label:"Alignment",name:"align",type:"listbox",text:"None",minWidth:90,maxWidth:null,values:[{text:"None",value:""},{text:"Left",value:"left"},{text:"Center",value:"center"},{text:"Right",value:"right"}]}]},onsubmit:function(){var t=this.toJSON();r.undoManager.transact(function(){l(o,function(n){r.dom.setAttrib(n,"scope",t.scope),r.dom.setStyles(n,{width:a(t.width),height:a(t.height)}),t.type&&n.nodeName.toLowerCase()!=t.type&&(n=e.rename(n,t.type)),s(n),t.align&&r.formatter.apply("align"+t.align,{},n)}),r.focus()})}})}function f(){var e=r.dom,t,n,o,c,d=[];t=r.dom.getParent(r.selection.getStart(),"table"),n=r.dom.getParent(r.selection.getStart(),"td,th"),l(t.rows,function(t){l(t.cells,function(r){return e.hasClass(r,"mce-item-selected")||r==n?(d.push(t),!1):void 0})}),o=d[0],c={height:i(e.getStyle(o,"height")||e.getAttrib(o,"height")),scope:e.getAttrib(o,"scope")},c.type=o.parentNode.nodeName.toLowerCase(),l("left center right".split(" "),function(e){r.formatter.matchNode(o,"align"+e)&&(c.align=e)}),r.windowManager.open({title:"Row properties",items:{type:"form",data:c,columns:2,defaults:{type:"textbox"},items:[{type:"listbox",name:"type",label:"Row type",text:"None",maxWidth:null,menu:[{text:"Header",value:"thead"},{text:"Body",value:"tbody"},{text:"Footer",value:"tfoot"}]},{type:"listbox",name:"align",label:"Alignment",text:"None",maxWidth:null,menu:[{text:"None",value:""},{text:"Left",value:"left"},{text:"Center",value:"center"},{text:"Right",value:"right"}]},{label:"Height",name:"height"}]},onsubmit:function(){var t=this.toJSON(),n,i,o;r.undoManager.transact(function(){var c=t.type;l(d,function(l){r.dom.setAttrib(l,"scope",t.scope),r.dom.setStyles(l,{height:a(t.height)}),c!=l.parentNode.nodeName.toLowerCase()&&(n=e.getParent(l,"table"),i=l.parentNode,o=e.select(c,n)[0],o||(o=e.create(c),n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o)),o.appendChild(l),i.hasChildNodes()||e.remove(i)),s(l),t.align&&r.formatter.apply("align"+t.align,{},l)}),r.focus()})}})}function p(e){return function(){r.execCommand(e)}}function m(e,t){var n,i,a;for(a="
| "+(o.ie?" ":" ")+" | ";a+="
| ';e+=" |
0 x 0
'}var b,C,x=this;r.addMenuItem("inserttable",{text:"Insert table",icon:"table",context:"table",onhide:function(){r.dom.removeClass(this.menu.items()[0].getEl().getElementsByTagName("a"),"mce-active")},menu:[{type:"container",html:y(),onmousemove:function(e){var t,n,i=e.target;if("A"==i.nodeName){var o=r.dom.getParent(i,"table"),a=i.getAttribute("data-mce-index"),s=e.control.parent().rel;if(a!=this.lastPos){if(a=a.split(","),a[0]=parseInt(a[0],10),a[1]=parseInt(a[1],10),e.control.isRtl()||"tl-tr"==s){for(n=9;n>=0;n--)for(t=0;10>t;t++)r.dom.toggleClass(o.rows[n].childNodes[t].firstChild,"mce-active",t>=a[0]&&n<=a[1]);a[0]=9-a[0],o.nextSibling.innerHTML=a[0]+" x "+(a[1]+1)}else{for(n=0;10>n;n++)for(t=0;10>t;t++)r.dom.toggleClass(o.rows[n].childNodes[t].firstChild,"mce-active",t<=a[0]&&n<=a[1]);o.nextSibling.innerHTML=a[0]+1+" x "+(a[1]+1)}this.lastPos=a}}},onclick:function(e){"A"==e.target.nodeName&&this.lastPos&&(e.preventDefault(),m(this.lastPos[0]+1,this.lastPos[1]+1),this.parent().cancel())}}]}),r.addMenuItem("tableprops",{text:"Table properties",context:"table",onPostRender:g,onclick:c}),r.addMenuItem("deletetable",{text:"Delete table",context:"table",onPostRender:g,cmd:"mceTableDelete"}),r.addMenuItem("cell",{separator:"before",text:"Cell",context:"table",menu:[{text:"Cell properties",onclick:p("mceTableCellProps"),onPostRender:v},{text:"Merge cells",onclick:p("mceTableMergeCells"),onPostRender:v},{text:"Split cell",onclick:p("mceTableSplitCells"),onPostRender:v}]}),r.addMenuItem("row",{text:"Row",context:"table",menu:[{text:"Insert row before",onclick:p("mceTableInsertRowBefore"),onPostRender:v},{text:"Insert row after",onclick:p("mceTableInsertRowAfter"),onPostRender:v},{text:"Delete row",onclick:p("mceTableDeleteRow"),onPostRender:v},{text:"Row properties",onclick:p("mceTableRowProps"),onPostRender:v},{text:"-"},{text:"Cut row",onclick:p("mceTableCutRow"),onPostRender:v},{text:"Copy row",onclick:p("mceTableCopyRow"),onPostRender:v},{text:"Paste row before",onclick:p("mceTablePasteRowBefore"),onPostRender:v},{text:"Paste row after",onclick:p("mceTablePasteRowAfter"),onPostRender:v}]}),r.addMenuItem("column",{text:"Column",context:"table",menu:[{text:"Insert column before",onclick:p("mceTableInsertColBefore"),onPostRender:v},{text:"Insert column after",onclick:p("mceTableInsertColAfter"),onPostRender:v},{text:"Delete column",onclick:p("mceTableDeleteCol"),onPostRender:v}]});var w=[];l("inserttable tableprops deletetable | cell row column".split(" "),function(e){"|"==e?w.push({text:"-"}):w.push(r.menuItems[e])}),r.addButton("table",{type:"menubutton",title:"Table",menu:w}),o.isIE||r.on("click",function(e){e=e.target,"TABLE"===e.nodeName&&(r.selection.select(e),r.nodeChanged())}),x.quirks=new t(r),r.on("Init",function(){b=r.windowManager,x.cellSelection=new n(r)}),l({mceTableSplitCells:function(e){e.split()},mceTableMergeCells:function(e){var t,n,i;i=r.dom.getParent(r.selection.getStart(),"th,td"),i&&(t=i.rowSpan,n=i.colSpan),r.dom.select("td.mce-item-selected,th.mce-item-selected").length?e.merge():d(e,i)},mceTableInsertRowBefore:function(e){e.insertRow(!0)},mceTableInsertRowAfter:function(e){e.insertRow()},mceTableInsertColBefore:function(e){e.insertCol(!0)},mceTableInsertColAfter:function(e){e.insertCol()},mceTableDeleteCol:function(e){e.deleteCols()},mceTableDeleteRow:function(e){e.deleteRows()},mceTableCutRow:function(e){C=e.cutRows()},mceTableCopyRow:function(e){C=e.copyRows()},mceTablePasteRowBefore:function(e){e.pasteRows(C,!0)},mceTablePasteRowAfter:function(e){e.pasteRows(C)},mceTableDelete:function(e){e.deleteTable()}},function(t,n){r.addCommand(n,function(){var n=new e(r);n&&(t(n),r.execCommand("mceRepaint"),x.cellSelection.clear())})}),l({mceInsertTable:function(){c()},mceTableRowProps:f,mceTableCellProps:u},function(e,t){r.addCommand(t,function(t,n){e(n)})})}var l=r.each;a.add("table",s)}),a([l,u,p,h])}(this);
\ No newline at end of file
diff --git a/tests/qunit/editor/index.html b/tests/qunit/editor/index.html
new file mode 100644
index 0000000000..2faaa077a3
--- /dev/null
+++ b/tests/qunit/editor/index.html
@@ -0,0 +1,22 @@
+
+
+
+
+', + '', config.stats.all - config.stats.bad, ' tests of ', config.stats.all, ' passed, ', config.stats.bad,' failed.'].join(''); + + if ( banner ) { + banner.className = (config.stats.bad ? "qunit-fail" : "qunit-pass"); + } + + if ( tests ) { + var result = id("qunit-testresult"); + + if ( !result ) { + result = document.createElement("p"); + result.id = "qunit-testresult"; + result.className = "result"; + tests.parentNode.insertBefore( result, tests.nextSibling ); + } + + result.innerHTML = html; + } + + QUnit.done( config.stats.bad, config.stats.all ); +} + +function validTest( name ) { + var i = config.filters.length, + run = false; + + if ( !i ) { + return true; + } + + while ( i-- ) { + var filter = config.filters[i], + not = filter.charAt(0) == '!'; + + if ( not ) { + filter = filter.slice(1); + } + + if ( name.indexOf(filter) !== -1 ) { + return !not; + } + + if ( not ) { + run = true; + } + } + + return run; +} + +function escapeHtml(s) { + s = s === null ? "" : s + ""; + return s.replace(/[\&"<>\\]/g, function(s) { + switch(s) { + case "&": return "&"; + case "\\": return "\\\\"; + case '"': return '\"'; + case "<": return "<"; + case ">": return ">"; + default: return s; + } + }); +} + +function push(result, actual, expected, message) { + message = escapeHtml(message) || (result ? "okay" : "failed"); + message = '"; + expected = escapeHtml(QUnit.jsDump.parse(expected)); + actual = escapeHtml(QUnit.jsDump.parse(actual)); + var output = message + ', expected: ' + expected + ''; + if (actual != expected) { + output += ' result: ' + actual + ', diff: ' + QUnit.diff(expected, actual); + } + + // can't use ok, as that would double-escape messages + QUnit.log(result, output); + config.assertions.push({ + result: !!result, + message: output + }); +} + +function synchronize( callback ) { + config.queue.push( callback ); + + if ( config.autorun && !config.blocking ) { + process(); + } +} + +function process() { + var start = (new Date()).getTime(); + + while ( config.queue.length && !config.blocking ) { + if ( config.updateRate <= 0 || (((new Date()).getTime() - start) < config.updateRate) ) { + config.queue.shift()(); + + } else { + setTimeout( process, 13 ); + break; + } + } +} + +function saveGlobal() { + config.pollution = []; + + if ( config.noglobals ) { + for ( var key in window ) { + config.pollution.push( key ); + } + } +} + +function checkPollution( name ) { + var old = config.pollution; + saveGlobal(); + + var newGlobals = diff( old, config.pollution ); + if ( newGlobals.length > 0 ) { + ok( false, "Introduced global variable(s): " + newGlobals.join(", ") ); + config.expected++; + } + + var deletedGlobals = diff( config.pollution, old ); + if ( deletedGlobals.length > 0 ) { + ok( false, "Deleted global variable(s): " + deletedGlobals.join(", ") ); + config.expected++; + } +} + +// returns a new Array with the elements that are in a but not in b +function diff( a, b ) { + var result = a.slice(); + for ( var i = 0; i < result.length; i++ ) { + for ( var j = 0; j < b.length; j++ ) { + if ( result[i] === b[j] ) { + result.splice(i, 1); + i--; + break; + } + } + } + return result; +} + +function fail(message, exception, callback) { + if ( typeof console !== "undefined" && console.error && console.warn ) { + console.error(message); + console.error(exception); + console.warn(callback.toString()); + + } else if ( window.opera && opera.postError ) { + opera.postError(message, exception, callback.toString); + } +} + +function extend(a, b) { + for ( var prop in b ) { + a[prop] = b[prop]; + } + + return a; +} + +function addEvent(elem, type, fn) { + if ( elem.addEventListener ) { + elem.addEventListener( type, fn, false ); + } else if ( elem.attachEvent ) { + elem.attachEvent( "on" + type, fn ); + } else { + fn(); + } +} + +function id(name) { + return !!(typeof document !== "undefined" && document && document.getElementById) && + document.getElementById( name ); +} + +// Test for equality any JavaScript type. +// Discussions and reference: http://philrathe.com/articles/equiv +// Test suites: http://philrathe.com/tests/equiv +// Author: Philippe Rathé
' : '\n' : this.HTML ? ' ' : ' '; + }, + indent:function( extra ) {// extra can be a number, shortcut for increasing-calling-decreasing + if ( !this.multiline ) + return ''; + var chr = this.indentChar; + if ( this.HTML ) + chr = chr.replace(/\t/g,' ').replace(/ /g,' '); + return Array( this._depth_ + (extra||0) ).join(chr); + }, + up:function( a ) { + this._depth_ += a || 1; + }, + down:function( a ) { + this._depth_ -= a || 1; + }, + setParser:function( name, parser ) { + this.parsers[name] = parser; + }, + // The next 3 are exposed so you can use them + quote:quote, + literal:literal, + join:join, + // + _depth_: 1, + // This is the list of parsers, to modify them, use jsDump.setParser + parsers:{ + window: '[Window]', + document: '[Document]', + error:'[ERROR]', //when no parser is found, shouldn't happen + unknown: '[Unknown]', + 'null':'null', + undefined:'undefined', + 'function':function( fn ) { + var ret = 'function', + name = 'name' in fn ? fn.name : (reName.exec(fn)||[])[1];//functions never have name in IE + if ( name ) + ret += ' ' + name; + ret += '('; + + ret = [ ret, this.parse( fn, 'functionArgs' ), '){'].join(''); + return join( ret, this.parse(fn,'functionCode'), '}' ); + }, + array: array, + nodelist: array, + arguments: array, + object:function( map ) { + var ret = [ ]; + this.up(); + for ( var key in map ) + ret.push( this.parse(key,'key') + ': ' + this.parse(map[key]) ); + this.down(); + return join( '{', ret, '}' ); + }, + node:function( node ) { + var open = this.HTML ? '<' : '<', + close = this.HTML ? '>' : '>'; + + var tag = node.nodeName.toLowerCase(), + ret = open + tag; + + for ( var a in this.DOMAttrs ) { + var val = node[this.DOMAttrs[a]]; + if ( val ) + ret += ' ' + a + '=' + this.parse( val, 'attribute' ); + } + return ret + close + open + '/' + tag + close; + }, + functionArgs:function( fn ) {//function calls it internally, it's the arguments part of the function + var l = fn.length; + if ( !l ) return ''; + + var args = Array(l); + while ( l-- ) + args[l] = String.fromCharCode(97+l);//97 is 'a' + return ' ' + args.join(', ') + ' '; + }, + key:quote, //object calls it internally, the key part of an item in a map + functionCode:'[code]', //function calls it internally, it's the content of the function + attribute:quote, //node calls it internally, it's an html attribute value + string:quote, + date:quote, + regexp:literal, //regex + number:literal, + 'boolean':literal + }, + DOMAttrs:{//attributes to dump from nodes, name=>realName + id:'id', + name:'name', + 'class':'className' + }, + HTML:false,//if true, entities are escaped ( <, >, \t, space and \n ) + indentChar:' ',//indentation unit + multiline:false //if true, items in a collection, are separated by a \n, else just a space. + }; + + return jsDump; +})(); + +// from Sizzle.js +function getText( elems ) { + var ret = "", elem; + + for ( var i = 0; elems[i]; i++ ) { + elem = elems[i]; + + // Get the text from text nodes and CDATA nodes + if ( elem.nodeType === 3 || elem.nodeType === 4 ) { + ret += elem.nodeValue; + + // Traverse everything else, except comment nodes + } else if ( elem.nodeType !== 8 ) { + ret += getText( elem.childNodes ); + } + } + + return ret; +}; + +/* + * Javascript Diff Algorithm + * By John Resig (http://ejohn.org/) + * Modified by Chu Alan "sprite" + * + * Released under the MIT license. + * + * More Info: + * http://ejohn.org/projects/javascript-diff-algorithm/ + * + * Usage: QUnit.diff(expected, actual) + * + * QUnit.diff("the quick brown fox jumped over", "the quick fox jumps over") == "the quick
';
+ html += 'x';
+ html += '';
+ html += '
';
+
+ div.innerHTML = html;
+ document.body.appendChild(div);
+
+ get('sidebar').onclick = function(e) {
+ var target;
+
+ e = e || event;
+ target = e.target || e.srcElement;
+
+ if ((action = actions[target.getAttribute("data-action")])) {
+ action(target);
+ }
+
+ statesToHash();
+ };
+ }
+
+ function addSuites(urls) {
+ suiteUrls.push.apply(suiteUrls, urls);
+ }
+
+ function loadSuite(url, callback) {
+ var xhr;
+
+ function ready() {
+ if (xhr.readyState == 4) {
+ callback(eval("(" + xhr.responseText + ")"), url);
+ xhr = null;
+ } else {
+ setTimeout(ready, 10);
+ }
+ }
+
+ xhr = new XMLHttpRequest();
+
+ if (xhr) {
+ xhr.open('GET', url, true);
+ xhr.send();
+ setTimeout(ready, 10);
+ }
+ }
+
+ function reflow() {
+ var viewPortW, viewPortH, sideBarWidth, controlsHeight;
+
+ function rect(id, x, y, w, h) {
+ var style, elm;
+
+ if ((elm = get(id))) {
+ style = elm.style;
+ style.left = x + "px";
+ style.top = y + "px";
+ style.width = w + "px";
+ style.height = h + "px";
+ }
+ }
+
+ viewPortW = window.innerWidth || document.documentElement.clientWidth;
+ viewPortH = window.innerHeight || document.documentElement.clientHeight;
+
+ sideBarWidth = 300;
+ controlsHeight = 60;
+
+ rect('testview', sideBarWidth, 0, viewPortW - sideBarWidth, viewPortH);
+ rect('sidebar', 0, 0, sideBarWidth, viewPortH);
+ rect('controls', 0, 0, sideBarWidth, controlsHeight);
+ rect('tests', 0, controlsHeight, sideBarWidth, viewPortH - controlsHeight);
+ }
+
+ function reset() {
+ var si, tests, ti;
+
+ stop();
+ get('gstatus').innerHTML = '';
+ removeClass(get("controls"), "failed");
+
+ for (si = 0; si < suites.length; si++) {
+ tests = suites[si].tests;
+ for (ti = 0; ti < tests.length; ti++) {
+ removeClass(get('t' + si + '-' + ti), "passed");
+ removeClass(get('t' + si + '-' + ti), "failed");
+ removeClass(get('t' + si + '-' + ti), "running");
+ }
+ }
+ }
+
+ function updateGlobalStatus() {
+ get('gstatus').innerHTML = 'Total: ' + globalStats.total + ", Failed: " + globalStats.failed;
+ addClass(get("controls"), globalStats.failed > 0 ? "failed" : "");
+ }
+
+ function done(failed, total) {
+ var nextTest, currentTestElm;
+
+ function runNextTest() {
+ if ((nextTest = testUrls.shift())) {
+ currentTest = nextTest;
+ currentTestElm = get('t' + currentTest.suiteIndex + '-' + currentTest.testIndex);
+ currentTestElm.scrollIntoView(false);
+
+ if (nextTest.jsrobot === true && !get('jsrobot').checked) {
+ get('s' + currentTest.suiteIndex + '-' + currentTest.testIndex).innerHTML = 'Skipped';
+ addClass(currentTestElm, "skipped");
+ runNextTest();
+ } else {
+ addClass(currentTestElm, "running");
+ get('testview').src = nextTest.url + "?min=" + get('min').checked;
+ }
+ } else {
+ stop();
+ }
+ }
+
+ if (started) {
+ currentTest.failed = failed;
+ currentTest.total = total;
+
+ globalStats.total += total;
+ globalStats.failed += failed;
+ updateGlobalStatus();
+
+ get('s' + currentTest.suiteIndex + '-' + currentTest.testIndex).innerHTML = (
+ '(' + failed + ', ' +
+ '' + (total - failed) + ', ' +
+ '' + total + ')'
+ );
+
+ addClass(get('t' + currentTest.suiteIndex + '-' + currentTest.testIndex), failed > 0 ? 'failed' : 'passed');
+ removeClass(currentTestElm, "running");
+
+ runNextTest();
+ }
+ }
+
+
+ function addCoverObject(coverObject) {
+ coverObjects.push(coverObject);
+ }
+
+
+ // this is going to be called from the coverage iframe
+ function getCoverObject() {
+ var coverObject = {}, fileName, gaps, gap, count;
+
+ for (var i = 0, length = coverObjects.length; i < length; i++) {
+ for (fileName in coverObjects[i]) {
+ gaps = coverObjects[i][fileName];
+
+ if (!coverObject.hasOwnProperty(fileName)) {
+ coverObject[fileName] = gaps;
+ } else {
+ for (gap in gaps) {
+ if (gap === '__code') {
+ continue;
+ }
+ count = gaps[gap];
+ if (!coverObject[fileName].hasOwnProperty(gap)) {
+ coverObject[fileName][gap] = count;
+ } else {
+ coverObject[fileName][gap] += count;
+ }
+ }
+ }
+ }
+ }
+
+ return coverObject;
+ }
+
+ function showCoverage() {
+ var overlay, coverView, viewPortW, viewPortH;
+
+ viewPortW = window.innerWidth || document.documentElement.clientWidth;
+ viewPortH = window.innerHeight || document.documentElement.clientHeight;
+
+ overlay = get('overlay');
+ overlay.style.display = 'block';
+
+ coverView = get('coverview');
+ coverView.style.left = '30px';
+ coverView.style.top = '30px';
+ coverView.style.width = (viewPortW - 60) + 'px';
+ coverView.style.height = (viewPortH - 60) + 'px';
+ coverView.style.display = 'block';
+
+ coverView.getElementsByTagName('iframe')[0].src = 'coverage/index.html';
+ }
+
+ function hideCoverage() {
+ get('overlay').style.display = 'none';
+ get('coverview').style.display = 'none';
+ }
+
+ return {
+ init: init,
+ addSuites: addSuites,
+ reflow: reflow,
+ done: done,
+ addCoverObject: addCoverObject,
+ getCoverObject: getCoverObject,
+ showCoverage: showCoverage,
+ hideCoverage: hideCoverage
+ };
+ }
+
+ var testRunner = new TestRunner();
+
+ self.onload = function() {
+ testRunner.init();
+ };
+
+ self.onresize = function() {
+ testRunner.reflow();
+ };
+
+ self.TestRunner = testRunner;
+})();
diff --git a/tests/qunit/editor/js/tinymce_loader.js b/tests/qunit/editor/js/tinymce_loader.js
new file mode 100644
index 0000000000..1c4a1a4dc6
--- /dev/null
+++ b/tests/qunit/editor/js/tinymce_loader.js
@@ -0,0 +1,17 @@
+// Edited for WordPress
+(function() {
+ var baseURL;
+
+ // Get base where the tinymce script is located
+ var scripts = document.getElementsByTagName('script');
+ for ( var i = 0; i < scripts.length; i++ ) {
+ var src = scripts[i].src;
+
+ if ( /tinymce_loader\.js/.test( src ) ) {
+ baseURL = src.substring( 0, src.indexOf('/tests/qunit/') );
+ break;
+ }
+ }
+
+ document.write('');
+})();
diff --git a/tests/qunit/editor/js/utils.js b/tests/qunit/editor/js/utils.js
new file mode 100644
index 0000000000..f0c344ccac
--- /dev/null
+++ b/tests/qunit/editor/js/utils.js
@@ -0,0 +1,299 @@
+function fontFace(face) {
+ if (tinymce.isOpera) {
+ return "'" + face + "'";
+ } else {
+ return face;
+ }
+}
+
+function findContainer(selector) {
+ var container;
+ if (tinymce.is(selector, 'string')) {
+ container = editor.dom.select(selector)[0];
+ } else {
+ container = selector;
+ }
+ if (container.firstChild) {
+ container = container.firstChild;
+ }
+ return container;
+}
+
+function setSelection(startSelector, startOffset, endSelector, endOffset) {
+ if (!endSelector) {
+ endSelector = startSelector;
+ endOffset = startOffset;
+ }
+ var startContainer = findContainer(startSelector);
+ var endContainer = findContainer(endSelector);
+ var rng = editor.dom.createRng();
+
+ function setRange(container, offset, start) {
+ offset = offset || 0;
+
+ if (offset === 'after') {
+ if (start) {
+ rng.setStartAfter(container);
+ } else {
+ rng.setEndAfter(container);
+ }
+ return;
+ } else if (offset === 'afterNextCharacter') {
+ container = container.nextSibling;
+ offset = 1;
+ }
+ if (start) {
+ rng.setStart(container, offset);
+ } else {
+ rng.setEnd(container, offset);
+ }
+ }
+
+ setRange(startContainer, startOffset, true);
+ setRange(endContainer, endOffset, false);
+ editor.selection.setRng(rng);
+}
+
+function initWhenTinyAndRobotAreReady(initTinyFunction) {
+ function loaded() {
+ QUnit.start();
+ }
+
+ tinymce.on('AddEditor', function(e) {
+ e.editor.on('Init', function() {
+ loaded();
+ });
+ });
+
+ window.robot.onload(initTinyFunction);
+}
+
+function trimContent(content) {
+ return content.replace(/^<\/p>\n?/, '').replace(/\n?
<\/p>$/, ''); +} + +/** + * Fakes a key event. + * + * @param {Element/String} e DOM element object or element id to send fake event to. + * @param {String} na Event name to fake like "keydown". + * @param {Object} o Optional object with data to send with the event like keyCode and charCode. + */ +function fakeKeyEvent(e, na, o) { + var ev; + + o = tinymce.extend({ + keyCode : 13, + charCode : 0 + }, o); + + e = tinymce.DOM.get(e); + + if (e.fireEvent) { + ev = document.createEventObject(); + tinymce.extend(ev, o); + e.fireEvent('on' + na, ev); + return; + } + + if (document.createEvent) { + try { + // Fails in Safari + ev = document.createEvent('KeyEvents'); + ev.initKeyEvent(na, true, true, window, false, false, false, false, o.keyCode, o.charCode); + } catch (ex) { + ev = document.createEvent('Events'); + ev.initEvent(na, true, true); + + ev.keyCode = o.keyCode; + ev.charCode = o.charCode; + } + } else { + ev = document.createEvent('UIEvents'); + + if (ev.initUIEvent) + ev.initUIEvent(na, true, true, window, 1); + + ev.keyCode = o.keyCode; + ev.charCode = o.charCode; + } + + e.dispatchEvent(ev); +} + +function normalizeRng(rng) { + if (rng.startContainer.nodeType == 3) { + if (rng.startOffset == 0) + rng.setStartBefore(rng.startContainer); + else if (rng.startOffset >= rng.startContainer.nodeValue.length - 1) + rng.setStartAfter(rng.startContainer); + } + + if (rng.endContainer.nodeType == 3) { + if (rng.endOffset == 0) + rng.setEndBefore(rng.endContainer); + else if (rng.endOffset >= rng.endContainer.nodeValue.length - 1) + rng.setEndAfter(rng.endContainer); + } + + return rng; +} + +// TODO: Replace this with the new event logic in 3.5 +function type(chr) { + var editor = tinymce.activeEditor, keyCode, charCode, event = tinymce.dom.Event, evt, startElm, rng; + + function fakeEvent(target, type, evt) { + editor.dom.fire(target, type, evt); + } + + // Numeric keyCode + if (typeof(chr) == "number") { + charCode = keyCode = chr; + } else if (typeof(chr) == "string") { + // String value + if (chr == '\b') { + keyCode = 8; + charCode = chr.charCodeAt(0); + } else if (chr == '\n') { + keyCode = 13; + charCode = chr.charCodeAt(0); + } else { + charCode = chr.charCodeAt(0); + keyCode = charCode; + } + } else { + evt = chr; + } + + evt = evt || {keyCode: keyCode, charCode: charCode}; + + startElm = editor.selection.getStart(); + fakeEvent(startElm, 'keydown', evt); + fakeEvent(startElm, 'keypress', evt); + + if (!evt.isDefaultPrevented()) { + if (keyCode == 8) { + if (editor.getDoc().selection) { + rng = editor.getDoc().selection.createRange(); + + if (rng.text.length === 0) { + rng.moveStart('character', -1); + rng.select(); + } + + rng.execCommand('Delete', false, null); + } else { + rng = editor.selection.getRng(); + + if (rng.startContainer.nodeType == 1 && rng.collapsed) { + var nodes = rng.startContainer.childNodes, lastNode = nodes[nodes.length - 1]; + + // If caret is at
abc|
and after the abc text node then move it to the end of the text node + // Expand the range to include the last charab[c]
since IE 11 doesn't delete otherwise + if (rng.startOffset >= nodes.length - 1 && lastNode && lastNode.nodeType == 3 && lastNode.data.length > 0) { + rng.setStart(lastNode, lastNode.data.length - 1); + rng.setEnd(lastNode, lastNode.data.length); + editor.selection.setRng(rng); + } + } + + editor.getDoc().execCommand('Delete', false, null); + } + } else if (typeof(chr) == 'string') { + rng = editor.selection.getRng(true); + + if (rng.startContainer.nodeType == 3 && rng.collapsed) { + rng.startContainer.insertData(rng.startOffset, chr); + rng.setStart(rng.startContainer, rng.startOffset + 1); + rng.collapse(true); + editor.selection.setRng(rng); + } else { + rng.insertNode(editor.getDoc().createTextNode(chr)); + } + } + } + + fakeEvent(startElm, 'keyup', evt); +} + +function cleanHtml(html) { + html = html.toLowerCase().replace(/[\r\n]+/gi, ''); + html = html.replace(/ (sizcache[0-9]+|sizcache|nodeindex|sizset[0-9]+|sizset|data\-mce\-expando|data\-mce\-selected)="[^"]*"/gi, ''); + html = html.replace(/Automatic link tests
+ + + +
+
+
+
+
+
+
diff --git a/tests/qunit/editor/plugins/autosave.html b/tests/qunit/editor/plugins/autosave.html
new file mode 100644
index 0000000000..b167df586b
--- /dev/null
+++ b/tests/qunit/editor/plugins/autosave.html
@@ -0,0 +1,104 @@
+
+
+
+Unit tests for the Table plugin
+ + + +Fullpage plugin tests
+ + + +
+
+
+
+
+
diff --git a/tests/qunit/editor/plugins/jquery_plugin.html b/tests/qunit/editor/plugins/jquery_plugin.html
new file mode 100644
index 0000000000..a2e3d6b2c1
--- /dev/null
+++ b/tests/qunit/editor/plugins/jquery_plugin.html
@@ -0,0 +1,126 @@
+
+
+
+TinyMCE jQuery plugin tests
+ + + +
+
+
+
+
+
+
diff --git a/tests/qunit/editor/plugins/js/autolink.actions.js b/tests/qunit/editor/plugins/js/autolink.actions.js
new file mode 100644
index 0000000000..53d50e32c8
--- /dev/null
+++ b/tests/qunit/editor/plugins/js/autolink.actions.js
@@ -0,0 +1,52 @@
+function fakeTypeAURL(url) {
+ return function(callback) {
+ // type the URL and then press the space bar
+ tinymce.execCommand('mceInsertContent', false, url);
+ window.robot.type(32, false, callback, editor.selection.getNode());
+ };
+}
+
+function fakeTypeAnEclipsedURL(url) {
+ return function(callback) {
+ // type the URL and then type ')'
+ tinymce.execCommand('mceInsertContent', false, '(' + url);
+ window.robot.typeSymbol(")", function() {
+ window.robot.type(32, false, callback, editor.selection.getNode());
+ }, editor.selection.getNode());
+ };
+}
+
+function fakeTypeANewlineURL(url) {
+ return function(callback) {
+ // type the URL and then press the enter key
+ tinymce.execCommand('mceInsertContent', false, url);
+ window.robot.type('\n', false, callback, editor.selection.getNode());
+ };
+}
+
+createAction('Typing HTTP URL', fakeTypeAURL('http://www.ephox.com'));
+createAction('Typing HTTPS URL', fakeTypeAURL('https://www.ephox.com'));
+createAction('Typing SSH URL', fakeTypeAURL('ssh://www.ephox.com'));
+createAction('Typing FTP URL', fakeTypeAURL('ftp://www.ephox.com'));
+createAction('Typing WWW URL', fakeTypeAURL('www.ephox.com'));
+createAction('Typing WWW URL With End Dot', fakeTypeAURL('www.site.com.'));
+createAction('Typing Mail Addr', fakeTypeAURL('user@domain.com'));
+createAction('Typing Mail Addr With Protocol', fakeTypeAURL('mailto:user@domain.com'));
+createAction('Typing Dashed Mail Addr', fakeTypeAURL('first-last@domain.com'));
+createAction('Typing Eclipsed HTTP URL', fakeTypeAnEclipsedURL('http://www.ephox.com'));
+createAction('Typing Eclipsed HTTPS URL', fakeTypeAnEclipsedURL('https://www.ephox.com'));
+createAction('Typing Eclipsed SSH URL', fakeTypeAnEclipsedURL('ssh://www.ephox.com'));
+createAction('Typing Eclipsed FTP URL', fakeTypeAnEclipsedURL('ftp://www.ephox.com'));
+createAction('Typing Eclipsed WWW URL', fakeTypeAnEclipsedURL('www.ephox.com'));
+createAction('Typing HTTP URL And Newline', fakeTypeANewlineURL('http://www.ephox.com'));
+createAction('Typing HTTPS URL And Newline', fakeTypeANewlineURL('https://www.ephox.com'));
+createAction('Typing SSH URL And Newline', fakeTypeANewlineURL('ssh://www.ephox.com'));
+createAction('Typing FTP URL And Newline', fakeTypeANewlineURL('ftp://www.ephox.com'));
+createAction('Typing WWW URL And Newline', fakeTypeANewlineURL('www.ephox.com'));
+createAction('Applying OL', 'InsertOrderedList');
+createAction('Applying UL', 'InsertUnorderedList');
+createAction('Indenting', 'Indent');
+createAction('Outdenting', 'Outdent');
+createAction('Typing Enter', fakeKeyPressAction('\n'));
+createAction('Typing Tab', fakeKeyPressAction('\t'));
+createAction('Typing Shift Tab', fakeKeyPressAction('\t', true));
diff --git a/tests/qunit/editor/plugins/js/dsl.js b/tests/qunit/editor/plugins/js/dsl.js
new file mode 100644
index 0000000000..742321572e
--- /dev/null
+++ b/tests/qunit/editor/plugins/js/dsl.js
@@ -0,0 +1,138 @@
+var editor;
+
+function getFunctionName(func) {
+ if (func.name && func.name != "") {
+ return func.name;
+ } else if (typeof func == "function" || typeof func == "object") {
+ var fName = ("" + func).match(/function\s*([\w\$]+)\s*\(/);
+ if (fName !== null && fName != "") {
+ return fName[1];
+ } else {
+ for (var v in window) {
+ if (window[v] === func) {
+ func.name = v;
+ return v;
+ }
+ }
+ }
+ }
+}
+
+function assertState(expected, message) {
+ var content = editor.getContent().replace(/[\n\r]/g, '');
+ if (expected && expected.replace) expected = expected.replace(/[\n\r]/g, '');
+ // Safari reports "function", while Firefox and IE report "object"
+ if (typeof expected == "function" || typeof expected == "object") {
+ if (expected.test(content))
+ equal(content, content, message);
+ else
+ equal(content, expected.toString(), message);
+ } else {
+ equal(content, expected, message);
+ }
+}
+
+tinymce.create('dsl.Queue', {
+ Queue: function() {
+ this.queue = [];
+ },
+
+ add: function(task) {
+ this.queue.push(task);
+ },
+
+ next: function() {
+ if (this.queue.length > 0) {
+ var task = this.queue.shift();
+ task();
+ return true;
+ } else {
+ QUnit.start();
+ return false;
+ }
+ },
+
+ done: function() {
+ expect(this.queue.length);
+ this.next();
+ }
+});
+
+tinymce.create('dsl.Action', {
+ Action: function(name, action) {
+ this.name = name;
+ this.a = this.curryPreposition('a');
+ this.inA = this.curryPreposition('in a');
+ this.to = this.curryPreposition('to');
+ if (tinymce.is(action, 'string')) {
+ this.action = function(callback) {
+ editor.execCommand(action);
+ callback();
+ };
+ } else {
+ this.action = action;
+ }
+ },
+
+ curryPreposition: function(preposition) {
+ return function(state) {
+ return this.go(state, preposition);
+ };
+ },
+
+ go: function(state, preposition) {
+ var message = this.name + " " + preposition + " " + getFunctionName(state);
+ var action = this.action;
+ var actionPerformed = false;
+ function defer(callback) {
+ return function() {
+ var args = arguments;
+ queue.add(function() {
+ if (actionPerformed) {
+ callback.apply(undefined, args);
+ queue.next();
+ return;
+ }
+ editor.focus();
+ state();
+ action(function() {
+ actionPerformed = true;
+ callback.apply(undefined, args);
+ queue.next();
+ });
+ });
+ return this;
+ };
+ }
+
+ var dslState = {
+ gives: defer(function(expected) {
+ assertState(expected, message);
+ }),
+
+ enablesState: defer(function(state) {
+ ok(editor.queryCommandState(state), message + " enables " + state + " command");
+ }),
+
+ disablesState: defer(function(state) {
+ ok(!editor.queryCommandState(state), message + " disables " + state + " command");
+ })
+ };
+ dslState.andGives = dslState.gives;
+ return dslState;
+ }
+});
+
+
+// Action Utilities
+function fakeKeyPressAction(keyCode, shiftKey) {
+ return function(callback) {
+ setTimeout(function() {
+ window.robot.type(keyCode, shiftKey, callback, editor.selection.getNode());
+ }, 1);
+ };
+}
+
+function createAction(name, action) {
+ window[name.replace(/\s+/g, '')] = new dsl.Action(name, action);
+}
\ No newline at end of file
diff --git a/tests/qunit/editor/plugins/js/states.js b/tests/qunit/editor/plugins/js/states.js
new file mode 100644
index 0000000000..611ffdee8e
--- /dev/null
+++ b/tests/qunit/editor/plugins/js/states.js
@@ -0,0 +1,176 @@
+function createState(content, startSelector, startOffset, endSelector, endOffset) {
+ return function() {
+ editor.setContent(content);
+ setSelection(startSelector, startOffset, endSelector, endOffset);
+ };
+}
+
+/** Collapsed Selection States **/
+function EmptyParagraph() {
+ var body = editor.getBody();
+ while (body.firstChild) {
+ editor.dom.remove(body.firstChild);
+ }
+ var p = body.ownerDocument.createElement('p');
+ p.appendChild(body.ownerDocument.createTextNode(''));
+ body.appendChild(p, body);
+ setSelection(p.firstChild, 0);
+}
+
+function EmptyHeading() {
+ EmptyParagraph();
+ editor.dom.rename(editor.getBody().firstChild, 'h1');
+ setSelection(editor.getBody().firstChild.firstChild, 0);
+}
+
+function TextAfterUL() {
+ editor.setContent('- Item
- Item
Test
', 'p', 0); +ParagraphWithMarginLeft = createState('Test
', 'p', 0); +ParagraphWithPaddingLeft = createState('Test
', 'p', 0); +ParagraphWithMarginAndPaddingLeft = createState('Test
', 'p', 0); + +CenteredListItem = createState('- Item1
- Item2
- Item1
- Item2
- Item1
- Item2
- Item1
- Item2
- Item1
Test
- Item2
- Item1
Test
- Item2
- Item1
Test
- Item2
Test
', 'h1', 0); +TableCellWithoutBrs = createState('| Test |
| Test |
| Test Line 2 |
| Test Line 2 |
| Test Line 2 Line 3 |
| Test Line 2 |
| Test Line 2 |
Test
Test
Test
Content
After
- Term
- Description
- Term
- Description
Test
- Item
Test
- Item
Test
- Item
- Item
Test
', 'p', 1); +StartOfParagraphAfterUL = createState('- Item
Test
', 'p', 1); +StartOfParagraphAfterOLWithListType = createState('- Item
Test
', 'p', 1); +EmptyOrderedListItem = createState('- Before
- After
- Before
- After
- Before
- Test
- After
- Before
- Test
- After
- Before
- After
- Before
- After
- Before
- Test
- After
- Before
- Test
- After
- Before
- Item1
- Item2
- Before
- Item1
- Item2
- Item 1
- Item 2
- Item 1
- Item 2
- Item1
- Nested
- Item1
- Nested
- Item 1
- Item 2
- Item 3
- Item 1
- Item 2
- Item 3
- Test
- Test
- Item
- Nested
- \n
- Item1
- Item2
- \n
- Item1
- Item2
Item
Item
', 'div', 2);
+TextWithBrsInDivFirstLine = createState('Item1
Item2
', 'div', 2);
+TextWithBrsInDivMiddleLine = createState('Item2
Item1
Item2
Item3
', 'br:nth-child(1)', 'afterNextCharacter');
+TextWithBrsInDivLastLine = createState('Item2
Item3
Item1
Item2
', 'br:nth-child(1)', 'afterNextCharacter');
+TextWithBrsInFormattingInDiv = function() {
+ var rng;
+ editor.setContent('Item2
Before
Item1
Item2
Item3
');
+ rng = editor.dom.createRng();
+ rng.setStart(editor.dom.select('div')[0].childNodes[1], 0);
+ rng.setEnd(editor.dom.select('div')[0], 6);
+ editor.selection.setRng(rng);
+};
+TextWithBrInsideFormatting = function() {
+ var rng;
+ editor.setContent('Item1
Item2
Item3
Before
Item1Item2
Item3
');
+ rng = editor.dom.createRng();
+ rng.setStart(editor.dom.select('span')[0].childNodes[0], 2);
+ rng.setEnd(editor.dom.select('div')[0], 4);
+ editor.selection.setRng(rng);
+};
+
+/** Expanded Selection States **/
+SingleParagraphSelection = createState('Item1Item2
Item3
This is a test
', 'p', 5, 'p', 7); +MultipleParagraphSelection = createState('This is a test
Second paragraph
', 'p:nth-child(1)', 5, 'p:nth-child(2)', 6); +SingleHeadingSelection = createState('This is a test
', 'h1', 5, 'h1', 7); +MultipleHeadingSelection = createState('This is a test
Second paragraph
', 'h1:nth-child(1)', 5, 'h1:nth-child(2)', 6); +SingleBlockSelection = createState('This is a test
', 'div', 5, 'div', 7);
+MultipleBlockSelection = createState('This is a test
Second paragraph
', 'div:nth-child(1)', 5, 'div:nth-child(2)', 6);
+
+SingleBlockWithBrSelection = createState('Item1
Item2
', 'div', 3, 'br', 'afterNextCharacter');
+MultipleBlockWithBrSelection = createState('Item2
Item1
Item2
Item2
Item3
', 'div:nth-child(1)', 2, 'div:nth-child(2)', 3);
+MultipleBlockWithBrPartialSelection = createState('Item1
Item2
Item2
Item3
Item4
', 'div:nth-child(1)', 2, 'div:nth-child(2)', 3);
+MultipleBlockWithBrPartialSelectionAtEnd = createState('Item4
Item1
Item2
Item2
Item3
Item4
', 'div:nth-child(1) br', 'afterNextCharacter', 'div:nth-child(2) br', 'afterNextCharacter');
+MultipleBlockWithEmptyDivsAllSelected = createState('Item4
a
b
| Cell 1 |
| Cell 1 Line 2 |
| Cell 1 Line 2 |
Line2 Line3 Line4 |
This is a test
Second paragraph
', 'p', 5, 'h1', 6); +ParagraphToBlockSelection = createState('This is a test
Second paragraph
', 'p', 5, 'div', 6);
+HeadingToParagraphSelection = createState('This is a test
Second paragraph
', 'h1', 5, 'p', 6); +BlockToParagraphSelection = createState('This is a test
Second paragraph
', 'div', 5, 'p', 6); +MultipleParagraphAndHeadingSelection = createState('This is a test
Second paragraph
Third paragraph
', 'p', 5, 'div', 5);
+ThreeBoldDivsWithBrSelection = createState('One
Two
Three
', 'div:nth-child(1) strong', 2, 'div:nth-child(3) strong', 2);
+
+SingleLiOlSelection = createState('- Item 1
- Item 1
- Item 2
- Item 1
- Item 1
- Item 2
- Item 1
- Item 2
- Item 1
- Item 2
- Item 1
- Indented
- Item 1
- Indented
- Item 1
- Indented
- Item 1
- Indented
- Item 1
- Indented
- Item 1
- Indented
- Item 1
- Indented
- Item 1
- Indented
Before
- Item 1
Before
- Item 1
- Item 1
After
', 'li', 4, 'p', 3); +ParagraphAfterUlSelection = createState('- Item 1
After
', 'li', 4, 'p', 3); +ParagraphBeforeAndAfterOlSelection = createState('Before
- Item 1
After
', 'p', 4, '#after', 3); +ParagraphBeforeAndAfterUlSelection = createState('Before
- Item 1
After
', 'p', 4, '#after', 3); + +SelectionEndingAtBr = createState('Item
After
Before
Item
Unit tests for Legacyoutput Plugin
+ + + +Unit tests for lists plugin
+ + + +Unit tests for Media Plugin
+ + + +Unit tests noneditable plugin
+ + + +Unit tests for the Paste plugin
+ + + +Plugin Dependency Functional tests
+ + + +
+
+
+
+
+
diff --git a/tests/qunit/editor/plugins/plugin_dependency_chain_legacy.html b/tests/qunit/editor/plugins/plugin_dependency_chain_legacy.html
new file mode 100644
index 0000000000..08cef239e5
--- /dev/null
+++ b/tests/qunit/editor/plugins/plugin_dependency_chain_legacy.html
@@ -0,0 +1,59 @@
+
+
+
+Plugin Dependency Functional tests
+ + + +
+
+
+
+
+
diff --git a/tests/qunit/editor/plugins/plugin_dependency_init_call_order.html b/tests/qunit/editor/plugins/plugin_dependency_init_call_order.html
new file mode 100644
index 0000000000..7f87ed1473
--- /dev/null
+++ b/tests/qunit/editor/plugins/plugin_dependency_init_call_order.html
@@ -0,0 +1,69 @@
+
+
+
+Plugin Dependency Functional tests
+ + + +
+
+
+
+
+
diff --git a/tests/qunit/editor/plugins/plugin_dependency_simple.html b/tests/qunit/editor/plugins/plugin_dependency_simple.html
new file mode 100644
index 0000000000..60b484bb17
--- /dev/null
+++ b/tests/qunit/editor/plugins/plugin_dependency_simple.html
@@ -0,0 +1,50 @@
+
+
+
+Plugin Dependency Functional tests
+ + + +
+
+
+
+
+
diff --git a/tests/qunit/editor/plugins/plugin_dependency_specific_location.html b/tests/qunit/editor/plugins/plugin_dependency_specific_location.html
new file mode 100644
index 0000000000..1feef33c00
--- /dev/null
+++ b/tests/qunit/editor/plugins/plugin_dependency_specific_location.html
@@ -0,0 +1,58 @@
+
+
+
+Plugin Dependency Functional tests
+ + + +
+
+
+
+
+
diff --git a/tests/qunit/editor/plugins/searchreplace.html b/tests/qunit/editor/plugins/searchreplace.html
new file mode 100644
index 0000000000..a3fa93f2b3
--- /dev/null
+++ b/tests/qunit/editor/plugins/searchreplace.html
@@ -0,0 +1,132 @@
+
+
+
+Unit tests for lists plugin
+ + + +Unit tests for spellchecker plugin
+ + + +Unit tests for the Table plugin
+ + + +Table plugin tests
+ + + +
+
+
+
+
+
+
diff --git a/tests/qunit/editor/plugins/tests.js b/tests/qunit/editor/plugins/tests.js
new file mode 100644
index 0000000000..b2d4b40eb2
--- /dev/null
+++ b/tests/qunit/editor/plugins/tests.js
@@ -0,0 +1,24 @@
+{
+ "title": "Plugins tests",
+ "tests": [
+ {"title": "Media", "url": "media.html"},
+ {"title": "Noneditable", "url": "noneditable.html"},
+ {"title": "Paste", "url": "paste.html"},
+ {"title": "Table", "url": "table.html"},
+ {"title": "Table (robot)", "url": "table_robot.html", "jsrobot": true},
+ {"title": "jQuery", "url": "jquery_plugin.html"},
+ {"title": "Autolink (robot)", "url": "autolink.html", "jsrobot": true},
+ {"title": "Autosave", "url": "autosave.html"},
+ {"title": "Wordcount", "url": "wordcount.html"},
+ {"title": "Fullpage", "url": "fullpage.html"},
+ {"title": "Legacyoutput", "url": "legacyoutput.html"},
+ {"title": "Plugin Dependencies", "url": "plugin_dependency_simple.html"},
+ {"title": "Plugin Dependency Chain", "url": "plugin_dependency_chain.html"},
+ {"title": "Plugin Dependency Chain Legacy", "url": "plugin_dependency_chain_legacy.html"},
+ {"title": "Dependency Chain Init Call Order", "url": "plugin_dependency_init_call_order.html"},
+ {"title": "Dependency With Specific Location", "url": "plugin_dependency_specific_location.html"},
+ {"title": "Lists", "url": "lists.html"},
+ {"title": "Searchreplace", "url": "searchreplace.html"},
+ {"title": "Spellchecker", "url": "spellchecker.html"}
+ ]
+}
diff --git a/tests/qunit/editor/plugins/wordcount.html b/tests/qunit/editor/plugins/wordcount.html
new file mode 100644
index 0000000000..cbfd201800
--- /dev/null
+++ b/tests/qunit/editor/plugins/wordcount.html
@@ -0,0 +1,122 @@
+
+
+
+Unit tests for the Wordcount plugin
+ + + +
+ Current Count:
+
+
+
+
+
+
diff --git a/tests/qunit/editor/test.gif b/tests/qunit/editor/test.gif
new file mode 100644
index 0000000000..e565824aaf
Binary files /dev/null and b/tests/qunit/editor/test.gif differ
diff --git a/tests/qunit/editor/tinymce/Editor.html b/tests/qunit/editor/tinymce/Editor.html
new file mode 100644
index 0000000000..76ac3bd358
--- /dev/null
+++ b/tests/qunit/editor/tinymce/Editor.html
@@ -0,0 +1,221 @@
+
+
+
+Unit tests for tinymce.Editor
+ + + +Unit tests for tinymce.EditorCommands
+ + + +Unit tests for tinymce.EnterKey
+ + + +Unit tests for tinymce.ForceBlocks
+ + + +Unit tests for text formatting
+ + + +Unit tests for text formatting
+ + + +Unit tests for text formatting
+ + + +Plugin Dependency Functional tests
+ + + + + +
+
+
+
+
+
+
+
diff --git a/tests/qunit/editor/tinymce/UndoManager.html b/tests/qunit/editor/tinymce/UndoManager.html
new file mode 100644
index 0000000000..d5aab25b8f
--- /dev/null
+++ b/tests/qunit/editor/tinymce/UndoManager.html
@@ -0,0 +1,189 @@
+
+
+
+tinymce.UndoManager tests
+ + + +Undo Tests
+ + + +
+
+
+
+
+
diff --git a/tests/qunit/editor/tinymce/dom/DOMUtils.html b/tests/qunit/editor/tinymce/dom/DOMUtils.html
new file mode 100644
index 0000000000..11b85cad48
--- /dev/null
+++ b/tests/qunit/editor/tinymce/dom/DOMUtils.html
@@ -0,0 +1,27 @@
+
+
+
+Unit tests for tinymce.dom.DOMUtils
+ + + +test 1
test 2
test 3
test 4
');
+ equal(DOM.select('div', 'test').length, 4);
+ ok(DOM.select('div', 'test').reverse);
+
+ DOM.setHTML('test', 'test 1
test 2
test 3
test 4
')
+ equal(DOM.select('div.test2', 'test').length, 2);
+
+ DOM.setHTML('test', 'test 1
test 2
test 3
test 4
')
+ equal(DOM.select('div div', 'test').length, 1, null, tinymce.isWebKit); // Issue: http://bugs.webkit.org/show_bug.cgi?id=17461
+ //alert(DOM.select('div div', 'test').length +","+DOM.get('test').querySelectorAll('div div').length);
+
+ DOM.remove('test');
+ });
+
+ test('is', 3, function() {
+ DOM.add(document.body, 'div', {id : 'test'});
+ DOM.setHTML('test', 'test 1
');
+
+ ok(DOM.is(DOM.get('textX'), 'div'));
+ ok(DOM.is(DOM.get('textX'), 'div#textX.test'));
+ ok(!DOM.is(DOM.get('textX'), 'div#textX2'));
+
+ DOM.remove('test');
+ });
+
+ test('encode', 1, function() {
+ equal(DOM.encode('abc<>"&\'\u00e5\u00e4\u00f6'), 'abc<>"&'\u00e5\u00e4\u00f6');
+ });
+
+ test('setGetAttrib', 16, function() {
+ var dom;
+
+ DOM.add(document.body, 'div', {id : 'test'});
+
+ DOM.setAttrib('test', 'class', 'test 123');
+ equal(DOM.getAttrib('test', 'class'), 'test 123');
+
+ DOM.setAttrib('test', 'src', 'url');
+ equal(DOM.getAttrib('test', 'src'), 'url');
+ equal(DOM.getAttrib('test', 'data-mce-src'), 'url');
+ equal(DOM.getAttrib('test', 'abc'), '');
+
+ DOM.setAttribs('test', {'class' : '123', title : 'abc'});
+ equal(DOM.getAttrib('test', 'class'), '123');
+ equal(DOM.getAttrib('test', 'title'), 'abc');
+
+ DOM.setAttribs('test');
+ equal(DOM.getAttrib('test', 'class'), '123');
+ equal(DOM.getAttrib('test', 'title'), 'abc');
+
+ dom = new tinymce.dom.DOMUtils(document, {keep_values : true, url_converter : function(u, n, e) {
+ return '&<>"' + u + '&<>"' + n;
+ }});
+
+ dom.setAttribs('test', {src : '123', href : 'abc'});
+ equal(DOM.getAttrib('test', 'src'), '&<>"123&<>"src');
+ equal(DOM.getAttrib('test', 'href'), '&<>"abc&<>"href');
+
+ DOM.get('test').innerHTML = '';
+ DOM.setAttribs(['test2', 'test3', 'test4'], {test1 : "1", test2 : "2"});
+ equal(DOM.getAttrib('test2', 'test1'), '1');
+ equal(DOM.getAttrib('test3', 'test2'), '2');
+ equal(DOM.getAttrib('test4', 'test1'), '1');
+
+ equal(DOM.getAttrib(document, 'test'), false);
+ equal(DOM.getAttrib(document, 'test', ''), '');
+ equal(DOM.getAttrib(document, 'test', 'x'), 'x');
+
+ DOM.remove('test');
+ });
+
+ test('getAttribs', 2, function() {
+ var dom;
+
+ function check(obj, val) {
+ var count = 0;
+
+ val = val.split(',');
+
+ tinymce.each(obj, function(o) {
+ if (tinymce.inArray(val, o.nodeName.toLowerCase()) != -1 && o.specified)
+ count++;
+ });
+
+ return count == obj.length;
+ };
+
+ DOM.add(document.body, 'div', {id : 'test'});
+
+ DOM.get('test').innerHTML = '';
+ ok(check(DOM.getAttribs('test2'), 'id,class'));
+
+ DOM.get('test').innerHTML = '';
+ ok(check(DOM.getAttribs('test2'), 'id,type,name,value,disabled,readonly,checked'), 'Expected attributed: type,name,disabled,readonly,checked');
+
+ DOM.remove('test');
+ });
+
+ test('setGetStyles', 7, function() {
+ DOM.add(document.body, 'div', {id : 'test'});
+
+ DOM.setStyle('test', 'font-size', '20px');
+ equal(DOM.getStyle('test', 'font-size'), '20px', null, tinymce.isWebKit);
+
+ DOM.setStyle('test', 'fontSize', '21px');
+ equal(DOM.getStyle('test', 'fontSize'), '21px', null, tinymce.isWebKit);
+
+ DOM.setStyles('test', {fontSize : '22px', display : 'inline'});
+ equal(DOM.getStyle('test', 'fontSize'), '22px', null, tinymce.isWebKit);
+ equal(DOM.getStyle('test', 'display'), 'inline', null, tinymce.isWebKit);
+
+ DOM.get('test').innerHTML = '';
+ DOM.setStyles(['test2', 'test3', 'test4'], {fontSize : "22px"});
+ equal(DOM.getStyle('test2', 'fontSize'), '22px');
+ equal(DOM.getStyle('test3', 'fontSize'), '22px');
+ equal(DOM.getStyle('test4', 'fontSize'), '22px');
+
+ DOM.setAttrib('test', 'style', '');
+
+ DOM.remove('test');
+ });
+
+ test('getPos', 2, function() {
+ DOM.add(document.body, 'div', {id : 'test'});
+
+ DOM.setStyles('test', {position : 'absolute', left : 100, top : 110});
+ equal(DOM.getPos('test').x, 100);
+ equal(DOM.getPos('test').y, 110);
+
+ DOM.setAttrib('test', 'style', '');
+
+ DOM.remove('test');
+ });
+
+ test('getParent', 6, function() {
+ DOM.add(document.body, 'div', {id : 'test'});
+
+ DOM.get('test').innerHTML = 'ababcc
';
+
+ equal(DOM.getParent('test2', function(n) {return n.nodeName == 'SPAN';}).nodeName, 'SPAN');
+ equal(DOM.getParent('test2', function(n) {return n.nodeName == 'BODY';}).nodeName, 'BODY');
+ equal(DOM.getParent('test2', function(n) {return n.nodeName == 'BODY';}, document.body), null);
+ equal(DOM.getParent('test2', function(n) {return false;}), null);
+ equal(DOM.getParent('test2', 'SPAN').nodeName, 'SPAN');
+ equal(DOM.getParent('test2', 'body', DOM.get('test')), null);
+
+ DOM.get('test').innerHTML = '';
+
+ DOM.remove('test');
+ });
+
+ test('getParents', 4, function() {
+ DOM.add(document.body, 'div', {id : 'test'});
+ DOM.get('test').innerHTML = 'ababcc
';
+
+ equal(DOM.getParents('test2', function(n) {return n.nodeName == 'SPAN';}).length, 2);
+ equal(DOM.getParents('test2', 'span').length, 2);
+ equal(DOM.getParents('test2', 'span.test').length, 1);
+ equal(DOM.getParents('test2', 'body', DOM.get('test')).length, 0);
+
+ DOM.remove('test');
+ });
+
+ test('is', 2, function() {
+ DOM.add(document.body, 'div', {id : 'test'});
+ DOM.get('test').innerHTML = 'ababcc
';
+
+ ok(DOM.is(DOM.select('span', 'test'), 'span'));
+ ok(DOM.is(DOM.select('#test2', 'test'), '#test2'));
+
+ DOM.remove('test');
+ });
+
+ test('getViewPort', 4, function() {
+ var wp;
+
+ wp = DOM.getViewPort();
+ equal(wp.x, 0);
+ equal(wp.y, 0);
+ ok(wp.w > 0);
+ ok(wp.h > 0);
+ });
+
+ test('getRect', 5, function() {
+ var r;
+
+ DOM.add(document.body, 'div', {id : 'test'});
+
+ DOM.setStyles('test', {position : 'absolute', left : 100, top : 110, width : 320, height : 240});
+ r = DOM.getRect('test');
+ equal(r.x, 100);
+ equal(r.y, 110);
+ equal(r.w, 320);
+ equal(r.h, 240);
+
+ DOM.setAttrib('test', 'style', '');
+
+ DOM.get('test').innerHTML = '';
+ r = DOM.getRect('test2');
+ equal(r.w, 160);
+
+ DOM.remove('test');
+ });
+
+ test('getSize', 2, function() {
+ var r;
+
+ DOM.add(document.body, 'div', {id : 'test'});
+
+ DOM.get('test').innerHTML = '
';
+ r = DOM.getSize('test2');
+ equal(r.w, 160);
+
+ DOM.get('test').innerHTML = '
';
+ r = DOM.getSize('test2');
+ equal(r.w, 100);
+
+ DOM.remove('test');
+ });
+
+ test('getNext', 5, function() {
+ var r;
+
+ DOM.add(document.body, 'div', {id : 'test'});
+
+ DOM.get('test').innerHTML = 'ABC';
+ equal(DOM.getNext(DOM.get('test').firstChild, '*').nodeName, 'SPAN');
+ equal(DOM.getNext(DOM.get('test').firstChild, 'em').nodeName, 'EM');
+ equal(DOM.getNext(DOM.get('test').firstChild, 'div'), null);
+ equal(DOM.getNext(null, 'div'), null);
+ equal(DOM.getNext(DOM.get('test').firstChild, function(n) {return n.nodeName == 'EM'}).nodeName, 'EM');
+
+ DOM.remove('test');
+ });
+
+ test('getPrev', 5, function() {
+ var r;
+
+ DOM.add(document.body, 'div', {id : 'test'});
+
+ DOM.get('test').innerHTML = 'ABC';
+ equal(DOM.getPrev(DOM.get('test').lastChild, '*').nodeName, 'SPAN');
+ equal(DOM.getPrev(DOM.get('test').lastChild, 'strong').nodeName, 'STRONG');
+ equal(DOM.getPrev(DOM.get('test').lastChild, 'div'), null);
+ equal(DOM.getPrev(null, 'div'), null);
+ equal(DOM.getPrev(DOM.get('test').lastChild, function(n) {return n.nodeName == 'STRONG'}).nodeName, 'STRONG');
+
+ DOM.remove('test');
+ });
+
+ test('loadCSS', 1, function() {
+ var c = 0;
+
+ DOM.loadCSS('css/test.css?a=1,css/test.css?a=2,css/test.css?a=3');
+
+ tinymce.each(document.getElementsByTagName('link'), function(n) {
+ if (n.href.indexOf('test.css?a=') != -1)
+ c++;
+ });
+
+ equal(c, 3, null, tinymce.isOpera);
+ });
+
+ test('insertAfter', 2, function() {
+ DOM.add(document.body, 'div', {id : 'test'});
+
+ DOM.setHTML('test', '');
+ DOM.insertAfter(DOM.create('br'), 'test2');
+ equal(DOM.get('test2').nextSibling.nodeName, 'BR');
+
+ DOM.setHTML('test', 'testtest');
+ DOM.insertAfter(DOM.create('br'), 'test2');
+ equal(DOM.get('test2').nextSibling.nodeName, 'BR');
+
+ DOM.remove('test');
+ });
+
+ test('isBlock', 4, function() {
+ ok(DOM.isBlock(DOM.create('div')));
+ ok(DOM.isBlock('DIV'));
+ ok(!DOM.isBlock('SPAN'));
+ ok(DOM.isBlock('div'));
+ });
+
+ test('remove', 3, function() {
+ DOM.add(document.body, 'div', {id : 'test'});
+
+ DOM.setHTML('test', 'testtest2');
+ DOM.remove('test2', 1);
+ equal(DOM.get('test').innerHTML.toLowerCase(), 'testtest2');
+
+ DOM.setHTML('test', 'testtest2');
+ equal(DOM.remove('test2').nodeName, 'SPAN');
+
+ DOM.get('test').innerHTML = '';
+ DOM.remove(['test2', 'test4']);
+ equal(DOM.select('span', 'test').length, 1);
+
+ DOM.remove('test');
+ });
+
+ test('replace', 2, function() {
+ DOM.add(document.body, 'div', {id : 'test'});
+
+ DOM.setHTML('test', 'testtest2');
+ DOM.replace(DOM.create('div', {id : 'test2'}), 'test2', 1);
+ equal(DOM.get('test2').innerHTML.toLowerCase(), 'testtest2');
+
+ DOM.setHTML('test', 'testtest2');
+ DOM.replace(DOM.create('div', {id : 'test2'}), 'test2');
+ equal(DOM.get('test2').innerHTML, '');
+
+ DOM.remove('test');
+ });
+
+ test('toHex', 5, function() {
+ equal(DOM.toHex('rgb(0, 255, 255)'), '#00ffff');
+ equal(DOM.toHex('rgb(255, 0, 0)'), '#ff0000');
+ equal(DOM.toHex('rgb(0, 0, 255)'), '#0000ff');
+ equal(DOM.toHex('rgb ( 0 , 0 , 255 ) '), '#0000ff');
+ equal(DOM.toHex(' RGB ( 0 , 0 , 255 ) '), '#0000ff');
+ });
+
+ test('getOuterHTML', 4, function() {
+ DOM.add(document.body, 'div', {id : 'test'});
+
+ DOM.setHTML('test', 'testtest2');
+ equal(DOM.getOuterHTML('test2').toLowerCase().replace(/\"/g, ''), 'testtest2');
+
+ DOM.setHTML('test', 'testtest2');
+ DOM.setOuterHTML('test2', '
123
');
+ equal(tinymce.trim(DOM.getOuterHTML('test2') || '').toLowerCase().replace(/\"/g, ''), '123
');
+
+ DOM.setHTML('test', 'testtest2');
+ DOM.setOuterHTML('test2', '123
abc
');
+ equal(tinymce.trim(DOM.get('test').innerHTML).toLowerCase().replace(/>\s+<').replace(/\"/g, ''), '123
abc
');
+
+ DOM.setHTML('test', 'test');
+ equal(tinymce.trim(DOM.getOuterHTML(DOM.get('test').firstChild)), 'test');
+
+ DOM.remove('test');
+ });
+
+ test('encodeDecode', 2, function() {
+ equal(DOM.encode('\u00e5\u00e4\u00f6&<>"'), '\u00e5\u00e4\u00f6&<>"');
+ equal(DOM.decode('åäö&<>"'), '\u00e5\u00e4\u00f6&<>"');
+ });
+
+ test('split', 2, function() {
+ var point, parent;
+ DOM.add(document.body, 'div', {id : 'test'});
+
+ DOM.setHTML('test', 'text1innertext2
'); + parent = DOM.select('p', DOM.get('test'))[0]; + point = DOM.select('span', DOM.get('test'))[0]; + DOM.split(parent, point); + equal(DOM.get('test').innerHTML.toLowerCase().replace(/\s+/g, ''), 'text1
innertext2
'); + + DOM.setHTML('test', '- first line
- second line
- third line
- first line
- second line
- third line
'); + ok(DOM.isEmpty(DOM.get('test')), 'Br child'); + + DOM.setHTML('test', '
'); + ok(!DOM.isEmpty(DOM.get('test')), 'Br children'); + + DOM.setHTML('test', 'text'); + ok(!DOM.isEmpty(DOM.get('test')), 'Text child'); + + DOM.setHTML('test', 'text'); + ok(!DOM.isEmpty(DOM.get('test')), 'Text child in span'); + + DOM.setHTML('test', ''); + ok(DOM.isEmpty(DOM.get('test')), 'Empty span child'); + + DOM.setHTML('test', '
');
+ ok(DOM.isEmpty(DOM.get('test')), 'Empty complex HTML');
+
+ DOM.setHTML('test', '
X
');
+ ok(!DOM.isEmpty(DOM.get('test')), 'Non empty complex HTML');
+
+ DOM.setHTML('test', ''); + ok(DOM.isEmpty(elm, 'No children')); + }); + + test('isEmpty on P with two BR in EM', function() { + var elm = DOM.create('p', null, '
'); + equal(false, DOM.isEmpty(elm)); + }); + + test('bind/unbind/fire', function() { + var count = 0; + + DOM.bind(document, 'click', function() {count++;}); + DOM.fire(document, 'click'); + DOM.unbind(document, 'click'); + equal(count, 1); + + count = 0; + DOM.bind([document, window], 'click', function(e) {e.stopPropagation(); count++;}); + DOM.fire(document, 'click'); + DOM.fire(window, 'click'); + DOM.unbind([document, window], 'click'); + equal(count, 2); + + count = 0; + DOM.fire(document, 'click'); + DOM.fire(window, 'click'); + equal(count, 0); + }); + + DOM.remove('test'); +})(); diff --git a/tests/qunit/editor/tinymce/dom/DOMUtils_jquery.html b/tests/qunit/editor/tinymce/dom/DOMUtils_jquery.html new file mode 100644 index 0000000000..f9086822e6 --- /dev/null +++ b/tests/qunit/editor/tinymce/dom/DOMUtils_jquery.html @@ -0,0 +1,29 @@ + + + +
Unit tests for tinymce.dom.DOMUtils
+ + + +Unit tests for DOM Selection IE implementation
+ + + +
+
+
+
+
diff --git a/tests/qunit/editor/tinymce/dom/Range.html b/tests/qunit/editor/tinymce/dom/Range.html
new file mode 100644
index 0000000000..c8750377ea
--- /dev/null
+++ b/tests/qunit/editor/tinymce/dom/Range.html
@@ -0,0 +1,606 @@
+
+
+
+Unit tests for DOM Range IE implementation
+ + + +
+
+
+
+
+
diff --git a/tests/qunit/editor/tinymce/dom/Selection.html b/tests/qunit/editor/tinymce/dom/Selection.html
new file mode 100644
index 0000000000..b004f884af
--- /dev/null
+++ b/tests/qunit/editor/tinymce/dom/Selection.html
@@ -0,0 +1,878 @@
+
+
+
+first strong strong second em strong.
+bar
+some textem textmore text
+| 1 | +abc | +
| 3 | +4 | +
textabcspan
+Unit tests for tinymce.dom.Selection
+ + + +Unit tests for tinymce.dom.Serializer
+ + + +
+
+
+
+
diff --git a/tests/qunit/editor/tinymce/dom/TridentSelection.html b/tests/qunit/editor/tinymce/dom/TridentSelection.html
new file mode 100644
index 0000000000..3d5cb87cbb
--- /dev/null
+++ b/tests/qunit/editor/tinymce/dom/TridentSelection.html
@@ -0,0 +1,586 @@
+
+
+
+Unit tests for DOM Selection IE implementation
+ + + +
+
+
+
+
+
diff --git a/tests/qunit/editor/tinymce/dom/test.css b/tests/qunit/editor/tinymce/dom/test.css
new file mode 100644
index 0000000000..dbfc43aee4
--- /dev/null
+++ b/tests/qunit/editor/tinymce/dom/test.css
@@ -0,0 +1,120 @@
+body, div, h1 { font-family: 'trebuchet ms', verdana, arial; margin: 0; padding: 0 }
+body {font-size: 10pt; }
+h1 { padding: 15px; font-size: large; background-color: #06b; color: white; }
+h1 a { color: white; }
+h2 { padding: 10px; background-color: #eee; color: black; margin: 0; font-size: small; font-weight: normal }
+
+.pass { color: green; }
+.fail { color: red; }
+p.result { margin-left: 1em; }
+
+#banner { height: 2em; border-bottom: 1px solid white; }
+h2.pass { background-color: green; }
+h2.fail { background-color: red; }
+
+div.testrunner-toolbar { background: #eee; border-top: 1px solid black; padding: 10px; }
+
+ol#tests > li > strong { cursor:pointer; }
+
+div#fx-tests h4 {
+ background: red;
+}
+
+div#fx-tests h4.pass {
+ background: green;
+}
+
+div#fx-tests div.box {
+ background: red url(data/cow.jpg) no-repeat;
+ overflow: hidden;
+ border: 2px solid #000;
+}
+
+div#fx-tests div.overflow {
+ overflow: visible;
+}
+
+div.inline {
+ display: inline;
+}
+
+div.autoheight {
+ height: auto;
+}
+
+div.autowidth {
+ width: auto;
+}
+
+div.autoopacity {
+ opacity: auto;
+}
+
+div.largewidth {
+ width: 100px;
+}
+
+div.largeheight {
+ height: 100px;
+}
+
+div.largeopacity {
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+
+div.medwidth {
+ width: 50px;
+}
+
+div.medheight {
+ height: 50px;
+}
+
+div.medopacity {
+ opacity: 0.5;
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+}
+
+div.nowidth {
+ width: 0px;
+}
+
+div.noheight {
+ height: 0px;
+}
+
+div.noopacity {
+ opacity: 0;
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
+
+div.hidden {
+ display: none;
+}
+
+div#fx-tests div.widewidth {
+ background-repeat: repeat-x;
+}
+
+div#fx-tests div.wideheight {
+ background-repeat: repeat-y;
+}
+
+div#fx-tests div.widewidth.wideheight {
+ background-repeat: repeat;
+}
+
+div#fx-tests div.noback {
+ background-image: none;
+}
+
+div.chain, div.chain div { width: 100px; height: 20px; position: relative; float: left; }
+div.chain div { position: absolute; top: 0px; left: 0px; }
+
+div.chain.test { background: red; }
+div.chain.test div { background: green; }
+
+div.chain.out { background: green; }
+div.chain.out div { background: red; display: none; }
+
+div#show-tests * { display: none; }
diff --git a/tests/qunit/editor/tinymce/dom/tests.js b/tests/qunit/editor/tinymce/dom/tests.js
new file mode 100644
index 0000000000..a31786a801
--- /dev/null
+++ b/tests/qunit/editor/tinymce/dom/tests.js
@@ -0,0 +1,12 @@
+{
+ "title": "tinymce.dom",
+ "tests": [
+ {"title": "DOMUtils", "url": "DOMUtils.html"},
+ {"title": "DOMUtils (jQuery)", "url": "DOMUtils_jquery.html"},
+ {"title": "EventUtils", "url": "EventUtils.html"},
+ {"title": "Range (IE/Native)", "url": "Range.html"},
+ {"title": "Selection", "url": "Selection.html"},
+ {"title": "Serializer", "url": "Serializer.html"},
+ {"title": "TridentSelection (IE)", "url": "TridentSelection.html"}
+ ]
+}
diff --git a/tests/qunit/editor/tinymce/html/DomParser.html b/tests/qunit/editor/tinymce/html/DomParser.html
new file mode 100644
index 0000000000..a79b84ea0b
--- /dev/null
+++ b/tests/qunit/editor/tinymce/html/DomParser.html
@@ -0,0 +1,506 @@
+
+
+
+tinymce.html.DomParser tests
+ + + +tinymce.html.Entities tests
+ + + +tinymce.html.Node tests
+ + + +tinymce.html.SaxParser tests
+ + + +tinymce.html.Schema tests
+ + + +tinymce.html.Serializer tests
+ + + +tinymce.html.Styles tests
+ + + +tinymce.html.Writer tests
+ + + +Support for obsolete tags and attributes in the default HTML 5.0 schema
+ + + +ui.AbsoluteLayout Test Suite
+ + +-
+
Button Test Suite
+ + +-
+
ui.ButtonGroup Test Suite
+ + +-
+
ui.Checkbox Test Suite
+ + +-
+
ui.Collection Test Suite
+ + +-
+
Button Test Suite
+ + +-
+
ui.ComboBox Test Suite
+ + +-
+
ui.Container Test Suite
+ + +-
+
ui.Control Test Suite
+ + +-
+
ui.DragHelper Test Suite
+ + +-
+
ui.ElementPath Test Suite
+ + +-
+
ui.Factory Test Suite
+ + +-
+
ui.FieldSet Test Suite
+ + +-
+
ui.FilePicker Test Suite
+ + +-
+
ui.FitLayout Test Suite
+ + +-
+
ui.FlexLayout Test Suite
+ + +-
+
ui.FloatPanel Test Suite
+ + +-
+
ui.FlowLayout Test Suite
+ + +-
+
ui.Form Test Suite
+ + +-
+
ui.FormItem Test Suite
+ + +-
+
ui.GridLayout Test Suite
+ + +-
+
ui.Iframe Test Suite
+ + +-
+
ui.KeyboardNavigation Test Suite
+ + +-
+
ui.Label Test Suite
+ + +-
+
ui.Layout Test Suite
+ + +-
+
ui.ListBox Test Suite
+ + +-
+
ui.Menu Test Suite
+ + +-
+
ui.MenuBar Test Suite
+ + +-
+
MenuButton Test Suite
+ + +-
+
ui.MenuItem Test Suite
+ + +-
+
ui.MessageBox Test Suite
+ + +-
+
ui.Movable Test Suite
+ + +-
+
ui.Panel Test Suite
+ + +-
+
ui.PanelButton Test Suite
+ + +-
+
ui.Path Test Suite
+ + +-
+
ui.Radio Test Suite
+ + +-
+
ui.Resizable Test Suite
+ + +-
+
ui.ResizeHandle Test Suite
+ + +-
+
ui.Scrollable Test Suite
+ + +-
+
ui.Selector Test Suite
+ + +-
+
ui.Spacer Test Suite
+ + +-
+
Button Test Suite
+ + +-
+
ui.StackLayout Test Suite
+ + +-
+
ui.TabPanel Test Suite
+ + +-
+
ui.TextBox Test Suite
+ + +-
+
ui.Throbber Test Suite
+ + +-
+
ui.Toolbar Test Suite
+ + +-
+
ui.Tooltip Test Suite
+ + +-
+
ui.Widget Test Suite
+ + +-
+
ui.Window Test Suite
+ + +-
+
tinymce.util.JSON tests
+ + + +tinymce.util.JSONRequest tests
+ + + +tinymce.util.Cookie tests
+ + + +All browser types Quirks
+ + + +
+
+
+
+
+
+
diff --git a/tests/qunit/editor/tinymce/util/Quirks_firefox.html b/tests/qunit/editor/tinymce/util/Quirks_firefox.html
new file mode 100644
index 0000000000..01ebd756f5
--- /dev/null
+++ b/tests/qunit/editor/tinymce/util/Quirks_firefox.html
@@ -0,0 +1,75 @@
+
+
+
+Firefox Quirks
+ + + +
+
+
+
+
+
+
diff --git a/tests/qunit/editor/tinymce/util/Quirks_ie8.html b/tests/qunit/editor/tinymce/util/Quirks_ie8.html
new file mode 100644
index 0000000000..aa3f61e745
--- /dev/null
+++ b/tests/qunit/editor/tinymce/util/Quirks_ie8.html
@@ -0,0 +1,82 @@
+
+
+
+Internet Explorer 8 Quirks
+ + + +
+
+
+
+
+
+
diff --git a/tests/qunit/editor/tinymce/util/Quirks_remove.html b/tests/qunit/editor/tinymce/util/Quirks_remove.html
new file mode 100644
index 0000000000..15508ef312
--- /dev/null
+++ b/tests/qunit/editor/tinymce/util/Quirks_remove.html
@@ -0,0 +1,270 @@
+
+
+
+Removing content tests
+ + + +
+
+
+
+
+
diff --git a/tests/qunit/editor/tinymce/util/Quirks_webkit.html b/tests/qunit/editor/tinymce/util/Quirks_webkit.html
new file mode 100644
index 0000000000..361bb7bb1d
--- /dev/null
+++ b/tests/qunit/editor/tinymce/util/Quirks_webkit.html
@@ -0,0 +1,132 @@
+
+
+
+Webkit Quirks
+ + + +
+
+
+
+
+
+
diff --git a/tests/qunit/editor/tinymce/util/Quirks_webkit_jsrobot.html b/tests/qunit/editor/tinymce/util/Quirks_webkit_jsrobot.html
new file mode 100644
index 0000000000..9a996a01ca
--- /dev/null
+++ b/tests/qunit/editor/tinymce/util/Quirks_webkit_jsrobot.html
@@ -0,0 +1,205 @@
+
+
+
+Webkit Quirks
+ + + +
+
+
+
+
+
+
+
diff --git a/tests/qunit/editor/tinymce/util/URI.html b/tests/qunit/editor/tinymce/util/URI.html
new file mode 100644
index 0000000000..91adc88b64
--- /dev/null
+++ b/tests/qunit/editor/tinymce/util/URI.html
@@ -0,0 +1,111 @@
+
+
+
+