restore composer.json, add mysqli extension
This commit is contained in:
555
public/vendor/editor/test/base/editing/Table.spec.js
vendored
Executable file
555
public/vendor/editor/test/base/editing/Table.spec.js
vendored
Executable file
@@ -0,0 +1,555 @@
|
||||
/**
|
||||
* Table.spec.js
|
||||
* (c) 2015~ Summernote Team
|
||||
* summernote may be freely distributed under the MIT license./
|
||||
*/
|
||||
import $ from 'jquery';
|
||||
import chai from 'chai';
|
||||
import chaidom from 'test/chaidom';
|
||||
import range from 'src/js/base/core/range';
|
||||
import Table from 'src/js/base/editing/Table';
|
||||
|
||||
var expect = chai.expect;
|
||||
chai.use(chaidom);
|
||||
|
||||
describe('base:editing.Table', () => {
|
||||
var table = new Table();
|
||||
describe('tableWorker', () => {
|
||||
it('should create simple 1x1 table', () => {
|
||||
var resultTable = table.createTable(1, 1);
|
||||
expect(1).to.deep.equal(resultTable.rows.length);
|
||||
expect(1).to.deep.equal(resultTable.rows[0].cells.length);
|
||||
});
|
||||
|
||||
it('should delete simple 1x1 table', () => {
|
||||
var $cont = $('<div class="note-editable"><table><tr><td>content</td></tr></table></div>');
|
||||
var $cell = $cont.find('td');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.deleteTable(rng);
|
||||
expect('').to.deep.equal($cont.html());
|
||||
});
|
||||
|
||||
it('should add simple row to table on top', () => {
|
||||
var $cont = $('<div class="note-editable"><table><tr><td>content</td></tr></table></div>');
|
||||
var $cell = $cont.find('td');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.addRow(rng, 'top');
|
||||
expect('<table><tbody><tr><td><br></td></tr><tr><td>content</td></tr></tbody></table>').to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should add simple row to table on bottom', () => {
|
||||
var $cont = $('<div class="note-editable"><table><tr><td>content</td></tr></table></div>');
|
||||
var $cell = $cont.find('td');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.addRow(rng, 'bottom');
|
||||
expect('<table><tbody><tr><td>content</td></tr><tr><td><br></td></tr></tbody></table>').to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should add simple row to table on top between two rows', () => {
|
||||
var htmlContent = '<div class="note-editable"><table><tr><td>content1</td></tr><tr><td id="td2">content2</td></tr></table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
var $cell = $cont.find('#td2');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.addRow(rng, 'top');
|
||||
var resultTable = $('<table><tbody><tr><td>content1</td></tr></tbody></table>');
|
||||
$(resultTable).append('<tr><td><br/></td></tr>');
|
||||
$(resultTable).append('<tr><td id="td2">content2</td></tr>');
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should add simple row to table on bottom between two rows', () => {
|
||||
var baseTable = $('<table><tbody><tr><td id="td1">content1</td></tr></tbody></table>');
|
||||
$(baseTable).append('<tr><td id="td2">content2</td></tr>');
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
var $cell = $cont.find('#td1');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.addRow(rng, 'bottom');
|
||||
|
||||
var resultTable = $('<table><tbody><tr><td id="td1">content1</td></tr></tbody></table>');
|
||||
$(resultTable).append('<tr><td><br/></td></tr>');
|
||||
$(resultTable).append('<tr><td id="td2">content2</td></tr>');
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should add simple col to table on left between two cols', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table>');
|
||||
var baseTr = '<tr><td id="td1">content1</td><td id="td2">content2</td></tr>';
|
||||
baseTable.append(baseTr);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
var $cell = $cont.find('#td2');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.addCol(rng, 'left');
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table>');
|
||||
$(resultTable).append('<tr><td id="td1">content1</td><td><br/></td><td id="td2">content2</td></tr>');
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should add simple col to table on right between two cols', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table>');
|
||||
var baseTr = '<tr><td id="td1">content1</td><td id="td2">content2</td></tr>';
|
||||
baseTable.append(baseTr);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
var $cell = $cont.find('#td1');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.addCol(rng, 'right');
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table>');
|
||||
$(resultTable).append('<tr><td id="td1">content1</td><td><br/></td><td id="td2">content2</td></tr>');
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should delete row to table between two other rows', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table>');
|
||||
var baseTr = '<tr><td id="td1">content1</td></tr>';
|
||||
baseTr += '<td id="td2">content2</td></tr>';
|
||||
baseTr += '<td id="td3">content3</td></tr>';
|
||||
baseTable.append(baseTr);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
var $cell = $cont.find('#td2');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.deleteRow(rng);
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table>');
|
||||
$(resultTable).append('<tr><td id="td1">content1</td></tr><tr><td id="td3">content3</td></tr>');
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should delete col to table between two other cols', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table>');
|
||||
var baseTr = '<tr><td id="td1">content1</td><td id="td2">content2</td><td id="td3">content3</td></tr>';
|
||||
baseTable.append(baseTr);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
var $cell = $cont.find('#td2');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.deleteCol(rng);
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table>');
|
||||
$(resultTable).append('<tr><td id="td1">content1</td><td id="td3">content3</td></tr>');
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should delete first col to table with colspan in column with colspan', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table> ');
|
||||
var baseTr1 = '<tr><td colspan="2" id="tr1td1">Col1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td1">Col1</td><td id="tr2td2">Col2</td><td id="tr2td3">Col3</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr1td1');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.deleteCol(rng);
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1 = '<tr><td id="tr1td1"></td><td id="tr1td2">Col2</td></tr>';
|
||||
var resultTr2 = '<tr><td id="tr2td2">Col2</td><td id="tr2td3">Col3</td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr2);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should delete second col to table with colspan in column', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table> ');
|
||||
var baseTr1 = '<tr><td colspan="2" id="tr1td1">Col1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td1">Col1</td><td id="tr2td2">Col2</td><td id="tr2td3">Col3</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr2td2');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.deleteCol(rng);
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1 = '<tr><td id="tr1td1">Col1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var resultTr2 = '<tr><td id="tr2td1">Col1</td><td id="tr2td3">Col3</td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr2);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should delete second col to table with colspan in 3 columns', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table> ');
|
||||
var baseTr1 = '<tr><td colspan="3" id="tr1td1">Col1-Span</td><td id="tr1td4">Col4</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td1">Col1</td><td id="tr2td2">Col2</td><td id="tr2td3">Col3</td><td id="tr2td4">Col4</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr2td2');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.deleteCol(rng);
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1 = '<tr><td colspan="2" id="tr1td1">Col1-Span</td><td id="tr1td4">Col4</td></tr>';
|
||||
var resultTr2 = '<tr><td id="tr2td1">Col1</td><td id="tr2td3">Col3</td><td id="tr2td4">Col4</td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr2);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should delete first row to table with rowspan in line with rowspan', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table>');
|
||||
var baseTr1 = '<tr><td class="test" rowspan="2" id="tr1td1">Row1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td2">Col2</td></tr>';
|
||||
var baseTr3 = '<tr><td id="tr3td1">Col1</td><td id="tr3td2">Col2</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
baseTable.append(baseTr3);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr1td1');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.deleteRow(rng);
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1AndTr2 = '<tr><td class="test" id="tr1td1"></td><td id="tr2td2">Col2</td></tr>';
|
||||
var resultTr3 = '<tr><td id="tr3td1">Col1</td><td id="tr3td2">Col2</td></tr>';
|
||||
resultTable.append(resultTr1AndTr2);
|
||||
resultTable.append(resultTr3);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should delete second row to table with rowspan in line without rowspan', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table>');
|
||||
var baseTr1 = '<tr><td rowspan="3" id="tr1td1">Row1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td2">Col2</td></tr>';
|
||||
var baseTr3 = '<tr><td id="tr3td2">Col2</td></tr>';
|
||||
var baseTr4 = '<tr><td id="tr4td1">Col1</td><td id="tr4td2">Col2</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
baseTable.append(baseTr3);
|
||||
baseTable.append(baseTr4);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr2td2');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.deleteRow(rng);
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table>');
|
||||
var resultTr1 = '<tr><td rowspan="2" id="tr1td1">Row1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var resultTr3 = '<tr><td id="tr3td2">Col2</td></tr>';
|
||||
var resultTr4 = '<tr><td id="tr4td1">Col1</td><td id="tr4td2">Col2</td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr3);
|
||||
resultTable.append(resultTr4);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should delete second col to table with rowspan in 2 rows', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table> ');
|
||||
var baseTr1 = '<tr><td rowspan="2" id="tr1td1">Col1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td2">Col2</td></tr>';
|
||||
var baseTr3 = '<tr><td id="tr3td1">Col1</td><td id="tr3td2">Col2</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
baseTable.append(baseTr3);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr1td2');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.deleteCol(rng);
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1 = '<tr><td rowspan="2" id="tr1td1">Col1-Span</td></tr>';
|
||||
var resultTr2 = '<tr></tr>';
|
||||
var resultTr3 = '<tr><td id="tr3td1">Col1</td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr2);
|
||||
resultTable.append(resultTr3);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should delete second col to table with rowspan in 2 rows on second row', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table> ');
|
||||
var baseTr1 = '<tr><td rowspan="2" id="tr1td1">Col1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td2">Col2</td></tr>';
|
||||
var baseTr3 = '<tr><td id="tr3td1">Col1</td><td id="tr3td2">Col2</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
baseTable.append(baseTr3);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr2td2');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.deleteCol(rng);
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1 = '<tr><td rowspan="2" id="tr1td1">Col1-Span</td></tr>';
|
||||
var resultTr2 = '<tr></tr>';
|
||||
var resultTr3 = '<tr><td id="tr3td1">Col1</td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr2);
|
||||
resultTable.append(resultTr3);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should add row on bottom rowspan cell.', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table> ');
|
||||
var baseTr1 = '<tr><td rowspan="2" id="tr1td1">Col1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td2">Col2</td></tr>';
|
||||
var baseTr3 = '<tr><td id="tr3td1">Col1</td><td id="tr3td2">Col2</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
baseTable.append(baseTr3);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr2td2');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.addRow(rng);
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1 = '<tr><td rowspan="3" id="tr1td1">Col1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var resultTr2 = '<tr><td id="tr2td2">Col2</td></tr>';
|
||||
var resultTr3 = '<tr><td><br></td></tr>';
|
||||
var resultTr4 = '<tr><td id="tr3td1">Col1</td><td id="tr3td2">Col2</td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr2);
|
||||
resultTable.append(resultTr3);
|
||||
resultTable.append(resultTr4);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should add row on bottom colspan cell.', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table> ');
|
||||
var baseTr1 = '<tr><td colspan="2" id="tr1td1">Col1-Span</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td1">Col1</td><td id="tr2td2">Col2</td></tr>';
|
||||
var baseTr3 = '<tr><td id="tr3td1">Col1</td><td id="tr3td2">Col2</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
baseTable.append(baseTr3);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr1td1');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.addRow(rng, 'bottom');
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1 = '<tr><td colspan="2" id="tr1td1">Col1-Span</td></tr>';
|
||||
var resultTr2 = '<tr><td colspan="2"><br></td></tr>';
|
||||
var resultTr3 = '<tr><td id="tr2td1">Col1</td><td id="tr2td2">Col2</td></tr>';
|
||||
var resultTr4 = '<tr><td id="tr3td1">Col1</td><td id="tr3td2">Col2</td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr2);
|
||||
resultTable.append(resultTr3);
|
||||
resultTable.append(resultTr4);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should add row above rowspan cell.', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table> ');
|
||||
var baseTr1 = '<tr><td rowspan="2" id="tr1td1">Col1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td2">Col1</td></tr>';
|
||||
var baseTr3 = '<tr><td id="tr3td1">Col1</td><td id="tr3td2">Col2</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
baseTable.append(baseTr3);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr1td1');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.addRow(rng, 'top');
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1 = '<tr><td><br></td><td><br></td></tr>';
|
||||
var resultTr2 = '<tr><td rowspan="2" id="tr1td1">Col1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var resultTr3 = '<tr><td id="tr2td2">Col1</td></tr>';
|
||||
var resultTr4 = '<tr><td id="tr3td1">Col1</td><td id="tr3td2">Col2</td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr2);
|
||||
resultTable.append(resultTr3);
|
||||
resultTable.append(resultTr4);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should add row on bottom rowspan cell and with aditional column.', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table> ');
|
||||
var baseTr1 = '<tr><td rowspan="2" id="tr1td1">Col1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td2">Col1</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr1td1');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.addRow(rng, 'bottom');
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1 = '<tr><td rowspan="3" id="tr1td1">Col1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var resultTr2 = '<tr><td id="tr2td2">Col1</td></tr>';
|
||||
var resultTr3 = '<tr><td><br></td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr2);
|
||||
resultTable.append(resultTr3);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should add column on right having rowspan cell and with aditional column.', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table> ');
|
||||
var baseTr1 = '<tr><td rowspan="2" id="tr1td1">Col1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td2">Col1</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr1td2');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.addCol(rng, 'right');
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1 = '<tr><td rowspan="2" id="tr1td1">Col1-Span</td><td id="tr1td2">Col2</td><td><br></td></tr>';
|
||||
var resultTr2 = '<tr><td id="tr2td2">Col1</td><td><br></td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr2);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should add column on right having rowspan cell and with aditional column with focus on rowspan column.', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table> ');
|
||||
var baseTr1 = '<tr><td rowspan="2" id="tr1td1">Col1-Span</td><td id="tr1td2">Col2</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td2">Col1</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr1td1');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.addCol(rng, 'right');
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1 = '<tr><td rowspan="2" id="tr1td1">Col1-Span</td><td rowspan="2"><br></td><td id="tr1td2">Col2</td></tr>';
|
||||
var resultTr2 = '<tr><td id="tr2td2">Col1</td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr2);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should remove column after colspan column.', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table> ');
|
||||
var baseTr1 = '<tr><td id="tr1td1">Col1</td><td colspan="2" id="tr1td2">Col2-Span</td><td id="tr1td4">Col4</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td1">Col1</td><td id="tr2td2">Col2</td><td id="tr2td3">Col3</td><td id="tr2td4">Col4</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr1td4');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.deleteCol(rng);
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1 = '<tr><td id="tr1td1">Col1</td><td colspan="2" id="tr1td2">Col2-Span</td></tr>';
|
||||
var resultTr2 = '<tr><td id="tr2td1">Col1</td><td id="tr2td2">Col2</td><td id="tr2td3">Col3</td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr2);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should remove column before colspan column.', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table> ');
|
||||
var baseTr1 = '<tr><td id="tr1td1">TR1TD1</td><td id="tr1td2" colspan="2">TR1TD2-COLSPAN</td>';
|
||||
baseTr1 += '<td id="tr1td4">TR1TD4</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td1">TR2TD1</td><td id="tr2td2">TR2TD2</td><td id="tr2td3">TR2TD3</td>';
|
||||
baseTr2 += '<td id="tr2td4">TR2TD4</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr1td1');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.deleteCol(rng);
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1 = '<tr><td id="tr1td2" colspan="2">TR1TD2-COLSPAN</td>';
|
||||
resultTr1 += '<td id="tr1td4">TR1TD4</td></tr>';
|
||||
var resultTr2 = '<tr><td id="tr2td2">TR2TD2</td><td id="tr2td3">TR2TD3</td><td id="tr2td4">TR2TD4</td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr2);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
|
||||
it('should add column before colspan column.', () => {
|
||||
var baseTable = $('<table><tbody></tbody></table> ');
|
||||
var baseTr1 = '<tr><td id="tr1td1">TR1TD1</td><td id="tr1td2">TR1TD2</td></tr>';
|
||||
var baseTr2 = '<tr><td id="tr2td1" colspan="2">TR2TD1</td></tr>';
|
||||
baseTable.append(baseTr1);
|
||||
baseTable.append(baseTr2);
|
||||
var htmlContent = '<div class="note-editable"><table>' + $(baseTable).html() + '</table></div>';
|
||||
var $cont = $(htmlContent);
|
||||
|
||||
var $cell = $cont.find('#tr1td1');
|
||||
var rng = range.create($cell[0].firstChild, 1);
|
||||
table.addCol(rng, 'right');
|
||||
|
||||
var resultTable = $('<table><tbody></tbody></table> ');
|
||||
var resultTr1 = '<tr><td id="tr1td1">TR1TD1</td><td><br></td><td id="tr1td2">TR1TD2</td></tr>';
|
||||
var resultTr2 = '<tr><td id="tr2td1" colspan="3">TR2TD1</td></tr>';
|
||||
resultTable.append(resultTr1);
|
||||
resultTable.append(resultTr2);
|
||||
var expectedResult = '<table>' + $(resultTable).html() + '</table>';
|
||||
|
||||
expect(expectedResult).to.equalsIgnoreCase($cont.html());
|
||||
});
|
||||
});
|
||||
});
|
||||
73
public/vendor/editor/test/base/editing/Typing.spec.js
vendored
Executable file
73
public/vendor/editor/test/base/editing/Typing.spec.js
vendored
Executable file
@@ -0,0 +1,73 @@
|
||||
/**
|
||||
* Typing.spec.js
|
||||
* (c) 2015~ Summernote Team
|
||||
* summernote may be freely distributed under the MIT license./
|
||||
*/
|
||||
/* jshint unused: false */
|
||||
/* jshint -W101 */
|
||||
import $ from 'jquery';
|
||||
import chai from 'chai';
|
||||
import chaidom from 'test/chaidom';
|
||||
import range from 'src/js/base/core/range';
|
||||
import Typing from 'src/js/base/editing/Typing';
|
||||
|
||||
var expect = chai.expect;
|
||||
chai.use(chaidom);
|
||||
|
||||
describe('base:editing.Style', () => {
|
||||
function typing(level) {
|
||||
return new Typing({ options: { blockquoteBreakingLevel: level } });
|
||||
}
|
||||
|
||||
describe('base:editing.Typing', () => {
|
||||
describe('insertParagraph', () => {
|
||||
describe('blockquote breaking support', () => {
|
||||
var $editable;
|
||||
|
||||
function check(html) {
|
||||
expect($editable.html()).to.equalsIgnoreCase(html);
|
||||
}
|
||||
|
||||
beforeEach(() => {
|
||||
$editable = $('<div class="note-editable"><blockquote id="1">Part1<blockquote id="2">Part2.1<br>Part2.2</blockquote>Part3</blockquote></div>');
|
||||
});
|
||||
|
||||
it('should not break blockquote if blockquoteBreakingLevel=0', () => {
|
||||
typing(0).insertParagraph($editable, range.create($('#2', $editable)[0].firstChild, 1));
|
||||
|
||||
check('<blockquote id="1">Part1<blockquote id="2"><p>P</p><p>art2.1<br>Part2.2</p></blockquote>Part3</blockquote>');
|
||||
});
|
||||
|
||||
it('should break the first blockquote if blockquoteBreakingLevel=1', () => {
|
||||
typing(1).insertParagraph($editable, range.create($('#2', $editable)[0].firstChild, 1));
|
||||
|
||||
check('<blockquote id="1">Part1<blockquote id="2"><p>P</p></blockquote><p><br></p><blockquote id="2"><p>art2.1<br>Part2.2</p></blockquote>Part3</blockquote>');
|
||||
});
|
||||
|
||||
it('should break all blockquotes if blockquoteBreakingLevel=2', () => {
|
||||
typing(2).insertParagraph($editable, range.create($('#2', $editable)[0].firstChild, 1));
|
||||
|
||||
check('<blockquote id="1">Part1<blockquote id="2"><p>P</p></blockquote></blockquote><p><br></p><blockquote id="1"><blockquote id="2"><p>art2.1<br>Part2.2</p></blockquote>Part3</blockquote>');
|
||||
});
|
||||
|
||||
it('should remove leading BR from split, when breaking is on the right edge of a line', () => {
|
||||
typing(1).insertParagraph($editable, range.create($('#2', $editable)[0].firstChild, 7));
|
||||
|
||||
check('<blockquote id="1">Part1<blockquote id="2"><p>Part2.1</p></blockquote><p><br></p><blockquote id="2"><p>Part2.2</p></blockquote>Part3</blockquote>');
|
||||
});
|
||||
|
||||
it('should insert new paragraph after the blockquote, if break happens at the end of the blockquote', () => {
|
||||
typing(2).insertParagraph($editable, range.create($('#1', $editable)[0].lastChild, 5));
|
||||
|
||||
check('<blockquote id="1"><p>Part1<blockquote id="2">Part2.1<br>Part2.2</blockquote>Part3</p></blockquote><p><br></p>');
|
||||
});
|
||||
|
||||
it('should insert new paragraph before the blockquote, if break happens at the beginning of the blockquote', () => {
|
||||
typing(2).insertParagraph($editable, range.create($('#1', $editable)[0].firstChild, 0));
|
||||
|
||||
check('<p><br></p><blockquote id="1"><p>Part1<blockquote id="2">Part2.1<br>Part2.2</blockquote>Part3</p></blockquote>');
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
92
public/vendor/editor/test/base/editing/style.spec.js
vendored
Executable file
92
public/vendor/editor/test/base/editing/style.spec.js
vendored
Executable file
@@ -0,0 +1,92 @@
|
||||
/**
|
||||
* Style.spec.js
|
||||
* (c) 2015~ Summernote Team
|
||||
* summernote may be freely distributed under the MIT license./
|
||||
*/
|
||||
|
||||
import chai from 'chai';
|
||||
import $ from 'jquery';
|
||||
import range from 'src/js/base/core/range';
|
||||
import Style from 'src/js/base/editing/Style';
|
||||
|
||||
var expect = chai.expect;
|
||||
|
||||
describe('base:editing.Style', () => {
|
||||
var style = new Style();
|
||||
|
||||
describe('styleNodes', () => {
|
||||
it('should wrap selected text with span', () => {
|
||||
var $cont = $('<div class="note-editable"><p>text</p></div>');
|
||||
var $p = $cont.find('p');
|
||||
var rng = range.create($p[0].firstChild, 0, $p[0].firstChild, 4);
|
||||
style.styleNodes(rng);
|
||||
|
||||
expect($cont.html()).to.deep.equal('<p><span>text</span></p>');
|
||||
});
|
||||
|
||||
it('should split text and wrap selected text with span', () => {
|
||||
var $cont = $('<div class="note-editable"><p>text</p></div>');
|
||||
var $p = $cont.find('p');
|
||||
var rng = range.create($p[0].firstChild, 1, $p[0].firstChild, 3);
|
||||
style.styleNodes(rng);
|
||||
|
||||
expect($cont.html()).to.deep.equal('<p>t<span>ex</span>t</p>');
|
||||
});
|
||||
|
||||
it('should split text and insert span', () => {
|
||||
var $cont = $('<div class="note-editable"><p>text</p></div>');
|
||||
var $p = $cont.find('p');
|
||||
var rng = range.create($p[0].firstChild, 2, $p[0].firstChild, 2);
|
||||
style.styleNodes(rng);
|
||||
|
||||
expect($cont.html()).to.deep.equal('<p>te<span></span>xt</p>');
|
||||
});
|
||||
|
||||
it('should just return a parent span', () => {
|
||||
var $cont = $('<div class="note-editable"><p><span>text</span></p></div>');
|
||||
var $span = $cont.find('span');
|
||||
var rng = range.create($span[0].firstChild, 0, $span[0].firstChild, 4);
|
||||
style.styleNodes(rng);
|
||||
|
||||
expect($cont.html()).to.deep.equal('<p><span>text</span></p>');
|
||||
});
|
||||
|
||||
it('should wrap each texts with span', () => {
|
||||
var $cont = $('<div class="note-editable"><p><b>bold</b><span>span</span></p></div>');
|
||||
var $b = $cont.find('b');
|
||||
var $span = $cont.find('span');
|
||||
var rng = range.create($b[0].firstChild, 2, $span[0].firstChild, 2);
|
||||
style.styleNodes(rng);
|
||||
|
||||
expect($cont.html()).to.deep.equal('<p><b>bo<span>ld</span></b><span><span>sp</span>an</span></p>');
|
||||
});
|
||||
|
||||
it('should wrap each texts with span except not a single blood line', () => {
|
||||
var $cont = $('<div class="note-editable"><p><b>bold</b><span>span</span></p></div>');
|
||||
var $b = $cont.find('b');
|
||||
var $span = $cont.find('span');
|
||||
var rng = range.create($b[0].firstChild, 2, $span[0].firstChild, 4);
|
||||
style.styleNodes(rng);
|
||||
|
||||
expect($cont.html()).to.deep.equal('<p><b>bo<span>ld</span></b><span>span</span></p>');
|
||||
});
|
||||
|
||||
it('should expand b tag when providing the expandClosestSibling option', () => {
|
||||
var $cont = $('<div class="note-editable"><p>text<b>bold</b></p></div>');
|
||||
var $p = $cont.find('p');
|
||||
var rng = range.create($p[0].firstChild, 0, $p[0].firstChild, 4);
|
||||
style.styleNodes(rng, { nodeName: 'B', expandClosestSibling: true });
|
||||
|
||||
expect($cont.html()).to.deep.equal('<p><b>textbold</b></p>');
|
||||
});
|
||||
|
||||
it('should not expand b tag when providing the onlyPartialContains option', () => {
|
||||
var $cont = $('<div class="note-editable"><p>text<b>bold</b></p></div>');
|
||||
var $p = $cont.find('p');
|
||||
var rng = range.create($p[0].firstChild, 0, $p[0].firstChild, 4);
|
||||
style.styleNodes(rng, { nodeName: 'B', expandClosestSibling: true, onlyPartialContains: true });
|
||||
|
||||
expect($cont.html()).to.deep.equal('<p><b>text</b><b>bold</b></p>');
|
||||
});
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user