mirror of
https://github.com/Choices-js/Choices.git
synced 2024-06-26 17:31:02 +02:00
81 lines
1.9 KiB
JavaScript
81 lines
1.9 KiB
JavaScript
import { expect } from 'chai';
|
|
import { stub } from 'sinon';
|
|
import WrappedElement from './wrapped-element';
|
|
import WrappedInput from './wrapped-input';
|
|
import { DEFAULT_CLASSNAMES } from '../constants';
|
|
|
|
describe('components/wrappedInput', () => {
|
|
let instance;
|
|
let element;
|
|
const delimiter = '-';
|
|
|
|
beforeEach(() => {
|
|
element = document.createElement('input');
|
|
instance = new WrappedInput({
|
|
element,
|
|
classNames: DEFAULT_CLASSNAMES,
|
|
delimiter,
|
|
});
|
|
});
|
|
|
|
afterEach(() => {
|
|
document.body.innerHTML = '';
|
|
instance = null;
|
|
});
|
|
|
|
describe('constructor', () => {
|
|
it('assigns choices element to class', () => {
|
|
expect(instance.element).to.eql(element);
|
|
});
|
|
|
|
it('assigns classnames to class', () => {
|
|
expect(instance.classNames).to.eql(DEFAULT_CLASSNAMES);
|
|
});
|
|
});
|
|
|
|
describe('inherited methods', () => {
|
|
['conceal', 'reveal', 'enable', 'disable'].forEach(method => {
|
|
describe(method, () => {
|
|
beforeEach(() => {
|
|
stub(WrappedElement.prototype, method);
|
|
});
|
|
|
|
afterEach(() => {
|
|
WrappedElement.prototype[method].restore();
|
|
});
|
|
|
|
it(`calls super.${method}`, () => {
|
|
expect(WrappedElement.prototype[method].called).to.equal(false);
|
|
instance[method]();
|
|
expect(WrappedElement.prototype[method].called).to.equal(true);
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('value setter', () => {
|
|
const data = [
|
|
{
|
|
id: 'ID 1',
|
|
value: 'Value 1',
|
|
},
|
|
{
|
|
id: 'ID 2',
|
|
value: 'Value 2',
|
|
},
|
|
{
|
|
id: 'ID 3',
|
|
value: 'Value 3',
|
|
},
|
|
];
|
|
|
|
it('sets delimited value of element based on passed data', () => {
|
|
expect(instance.element.value).to.equal('');
|
|
instance.value = data;
|
|
expect(instance.value).to.equal(
|
|
`Value 1${delimiter}Value 2${delimiter}Value 3`,
|
|
);
|
|
});
|
|
});
|
|
});
|