135 lines
3.5 KiB
JavaScript
135 lines
3.5 KiB
JavaScript
import Clipboard from '../src/clipboard';
|
|
import ClipboardAction from '../src/clipboard-action';
|
|
import listen from 'good-listener';
|
|
|
|
describe('Clipboard', () => {
|
|
before(() => {
|
|
global.button = document.createElement('button');
|
|
global.button.setAttribute('class', 'btn');
|
|
global.button.setAttribute('data-clipboard-text', 'foo');
|
|
document.body.appendChild(global.button);
|
|
|
|
global.span = document.createElement('span');
|
|
global.span.innerHTML = 'bar';
|
|
|
|
global.button.appendChild(span);
|
|
|
|
global.event = {
|
|
target: global.button,
|
|
currentTarget: global.button,
|
|
};
|
|
});
|
|
|
|
after(() => {
|
|
document.body.innerHTML = '';
|
|
});
|
|
|
|
describe('#resolveOptions', () => {
|
|
before(() => {
|
|
global.fn = () => {};
|
|
});
|
|
|
|
it('should set action as a function', () => {
|
|
let clipboard = new Clipboard('.btn', {
|
|
action: global.fn,
|
|
});
|
|
|
|
assert.equal(global.fn, clipboard.action);
|
|
});
|
|
|
|
it('should set target as a function', () => {
|
|
let clipboard = new Clipboard('.btn', {
|
|
target: global.fn,
|
|
});
|
|
|
|
assert.equal(global.fn, clipboard.target);
|
|
});
|
|
|
|
it('should set text as a function', () => {
|
|
let clipboard = new Clipboard('.btn', {
|
|
text: global.fn,
|
|
});
|
|
|
|
assert.equal(global.fn, clipboard.text);
|
|
});
|
|
|
|
it('should set container as an object', () => {
|
|
let clipboard = new Clipboard('.btn', {
|
|
container: document.body,
|
|
});
|
|
|
|
assert.equal(document.body, clipboard.container);
|
|
});
|
|
|
|
it('should set container as body by default', () => {
|
|
let clipboard = new Clipboard('.btn');
|
|
|
|
assert.equal(document.body, clipboard.container);
|
|
});
|
|
});
|
|
|
|
describe('#listenClick', () => {
|
|
it('should add a click event listener to the passed selector', () => {
|
|
let clipboard = new Clipboard('.btn');
|
|
assert.isObject(clipboard.listener);
|
|
});
|
|
});
|
|
|
|
describe('#onClick', () => {
|
|
it('should create a new instance of ClipboardAction', () => {
|
|
let clipboard = new Clipboard('.btn');
|
|
|
|
clipboard.onClick(global.event);
|
|
assert.instanceOf(clipboard.clipboardAction, ClipboardAction);
|
|
});
|
|
|
|
it("should use an event's currentTarget when not equal to target", () => {
|
|
let clipboard = new Clipboard('.btn');
|
|
let bubbledEvent = {
|
|
target: global.span,
|
|
currentTarget: global.button,
|
|
};
|
|
|
|
clipboard.onClick(bubbledEvent);
|
|
assert.instanceOf(clipboard.clipboardAction, ClipboardAction);
|
|
});
|
|
|
|
it('should throw an exception when target is invalid', (done) => {
|
|
try {
|
|
const clipboard = new Clipboard('.btn', {
|
|
target() {
|
|
return null;
|
|
},
|
|
});
|
|
|
|
clipboard.onClick(global.event);
|
|
} catch (e) {
|
|
assert.equal(e.message, 'Invalid "target" value, use a valid Element');
|
|
done();
|
|
}
|
|
});
|
|
});
|
|
|
|
describe('#static isSupported', () => {
|
|
it('should return the support of the given action', () => {
|
|
assert.equal(Clipboard.isSupported('copy'), true);
|
|
assert.equal(Clipboard.isSupported('cut'), true);
|
|
});
|
|
|
|
it('should return the support of the cut and copy actions', () => {
|
|
assert.equal(Clipboard.isSupported(), true);
|
|
});
|
|
});
|
|
|
|
describe('#destroy', () => {
|
|
it('should destroy an existing instance of ClipboardAction', () => {
|
|
let clipboard = new Clipboard('.btn');
|
|
|
|
clipboard.onClick(global.event);
|
|
clipboard.destroy();
|
|
|
|
assert.equal(clipboard.clipboardAction, null);
|
|
});
|
|
});
|
|
});
|