input-plus-minus/src/InputPlusMinus.test.ts

wrapper around input

import InputPlusMinus from './InputPlusMinus';

beforeEach(() => {
  const element = document.createElement('input');
  element.setAttribute('type', 'text');
  element.value = '0';
  element.id = 'test';
  document.body.appendChild(element);
});

afterEach(() => {
  document.body.innerHTML = '';
});

test('init', () => {
  const testElement = new InputPlusMinus('#test');
  expect(testElement).toBeInstanceOf(InputPlusMinus);
});

test('next', () => {
  const testElement = new InputPlusMinus('#test');
  testElement.next();
  expect(testElement.saveValidValue).toEqual(1);
});

test('prev', () => {
  const testElement = new InputPlusMinus('#test');
  testElement.prev();
  expect(testElement.saveValidValue).toEqual(-1);
});

test('destructor', () => {
  const testElement = new InputPlusMinus('#test');
  testElement.destructor();
  const element = document.querySelector('#test');
  const parent = element.parentNode;
  const nameTag = (parent as Element).tagName.toLowerCase();
  expect(nameTag === 'body').toEqual(true);
  expect(element.classList.contains('InputPlusMinus-Element')).toEqual(false);
  expect(() => {
    InputPlusMinus.getInstance('#test');
  }).toThrow();
});

test('double init', () => {
  new InputPlusMinus('#test');
  expect(() => {
    new InputPlusMinus('#test');
  }).toThrow();
});

test('get isset instance', () => {
  new InputPlusMinus('#test');
  const element = document.getElementById('test');
  expect(InputPlusMinus.getInstance(element)).toBeInstanceOf(InputPlusMinus);
  expect(InputPlusMinus.getInstance('#test')).toBeInstanceOf(InputPlusMinus);
});

test('get not isset instance', () => {
  expect(() => {
    InputPlusMinus.getInstance('#test');
  }).toThrow();
});