You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
2.3 KiB
JavaScript
62 lines
2.3 KiB
JavaScript
3 years ago
|
(function() {
|
||
|
|
describe('Simditor alignment button', function() {
|
||
|
|
var $p1, $p2, editor;
|
||
|
|
editor = null;
|
||
|
|
$p1 = null;
|
||
|
|
$p2 = null;
|
||
|
|
beforeEach(function() {
|
||
|
|
var $p, range;
|
||
|
|
editor = spec.generateSimditor({
|
||
|
|
content: '<p>paragraph 1</>\n<p>paragraph 2</>',
|
||
|
|
toolbar: ['alignment']
|
||
|
|
});
|
||
|
|
editor.focus();
|
||
|
|
$p = editor.body.find('> p');
|
||
|
|
$p1 = $p.first();
|
||
|
|
$p2 = $p.eq(1);
|
||
|
|
range = document.createRange();
|
||
|
|
editor.selection.setRangeAtEndOf($p2, range);
|
||
|
|
range.setStart($p1[0], 0);
|
||
|
|
editor.selection.range(range);
|
||
|
|
editor.inputManager.focused = true;
|
||
|
|
return editor.trigger('selectionchanged');
|
||
|
|
});
|
||
|
|
afterEach(function() {
|
||
|
|
spec.destroySimditor();
|
||
|
|
return editor = null;
|
||
|
|
});
|
||
|
|
it("can align to right", function() {
|
||
|
|
var button, leftValues;
|
||
|
|
leftValues = ['left', 'start', '-moz-left', '-webkit-auto'];
|
||
|
|
expect(leftValues).toContain($p1.css('text-align'));
|
||
|
|
expect(leftValues).toContain($p2.css('text-align'));
|
||
|
|
button = editor.toolbar.list.find('.toolbar-item-alignment').data('button');
|
||
|
|
button.command("right");
|
||
|
|
expect($p1.css('text-align')).toBe('right');
|
||
|
|
expect($p2.css('text-align')).toBe('right');
|
||
|
|
expect(button.el.hasClass('active')).toBe(true);
|
||
|
|
return expect(button.el.hasClass('align-right')).toBe(true);
|
||
|
|
});
|
||
|
|
it("can align to center", function() {
|
||
|
|
var button;
|
||
|
|
button = editor.toolbar.list.find('.toolbar-item-alignment').data('button');
|
||
|
|
button.command("center");
|
||
|
|
expect($p1.css('text-align')).toBe('center');
|
||
|
|
expect($p2.css('text-align')).toBe('center');
|
||
|
|
expect(button.el.hasClass('active')).toBe(true);
|
||
|
|
return expect(button.el.hasClass('align-center')).toBe(true);
|
||
|
|
});
|
||
|
|
return it("can align to left", function() {
|
||
|
|
var button, leftValues;
|
||
|
|
leftValues = ['left', 'start', '-moz-left', '-webkit-auto'];
|
||
|
|
button = editor.toolbar.list.find('.toolbar-item-alignment').data('button');
|
||
|
|
button.command("left");
|
||
|
|
expect(leftValues).toContain($p1.css('text-align'));
|
||
|
|
expect(leftValues).toContain($p2.css('text-align'));
|
||
|
|
expect(button.el.hasClass('active')).toBe(false);
|
||
|
|
return expect(button.el.hasClass('align-left')).toBe(true);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
}).call(this);
|