diff --git a/src/shared/utils/tests.spec.ts b/src/shared/utils/tests.spec.ts new file mode 100644 index 00000000..f75c6e11 --- /dev/null +++ b/src/shared/utils/tests.spec.ts @@ -0,0 +1,125 @@ +/* eslint-disable max-lines-per-function */ +import BaseElement from './baseElement.ts'; +import createBaseElement from './createBaseElement.ts'; +import createSVGUse from './createSVGUse.ts'; +import { isNotNullable, isNullable } from './isNullable.ts'; + +const baseElement = new BaseElement( + 'a', + ['first', 'second'], + { + 'data-test': 'test', + href: 'test', + }, + 'someText', +); + +const elem = createBaseElement({ + attributes: { + 'data-test': 'test', + }, + cssClasses: ['test'], + innerContent: 'test', + tag: 'div', +}); + +describe('Checking createBaseElement function', () => { + it('should create an element', () => { + expect(elem).toBeDefined(); + }); + + it('should create an element with attributes', () => { + expect(elem.dataset.test).toBe('test'); + }); + + it('should create an element with css classes', () => { + expect(elem.classList.contains('test')).toBe(true); + }); +}); + +describe('Checking isNullable function', () => { + it('should return true', () => { + expect(isNullable(null)).toBe(true); + }); + it('should return false', () => { + expect(isNullable('test')).toBe(false); + }); +}); + +describe('Checking isNotNullable function', () => { + it('should return true', () => { + expect(isNotNullable(null)).toBe(false); + }); + it('should return false', () => { + expect(isNotNullable('test')).toBe(true); + }); +}); + +describe('Checking createSVGUse function', () => { + it('should create an element', () => { + expect(createSVGUse('test')).toBeDefined(); + }); +}); + +describe('Checking BaseElement class', () => { + it('should add css class to the element and return true', () => { + baseElement.addCssClass('third'); + expect(baseElement.getNode().classList.contains('third')).toBe(true); + }); + + it('should remove css class from the element and return true', () => { + baseElement.removeCssClass('first'); + expect(baseElement.getNode().classList.contains('first')).toBe(false); + }); + + it('should toggle css class from the element and return true', () => { + baseElement.toggleCssClass('first'); + expect(baseElement.getNode().classList.contains('first')).toBe(true); + }); + + it('remove should return true', () => { + baseElement.remove(); + expect(baseElement.getNode().parentElement).toBe(null); + }); + + it('append children should return true', () => { + baseElement.append(elem); + expect(baseElement.getNode().contains(elem)).toBe(true); + }); + + it('replace children should return true', () => { + baseElement.replaceChildren(elem); + expect(baseElement.getNode().contains(elem)).toBe(true); + }); + + it('add event listener should return true', () => { + baseElement.addListener('click', () => {}); + const addEventListenerSpy = vi.spyOn(baseElement.getNode(), 'addEventListener'); + expect(addEventListenerSpy).toBeInstanceOf(Function); + }); + + it('remove event listener should return true', () => { + baseElement.removeListener('click', () => {}); + const removeEventListenerSpy = vi.spyOn(baseElement.getNode(), 'removeEventListener'); + expect(removeEventListenerSpy).toBeInstanceOf(Function); + }); + + it('get attribute should return true', () => { + const attribute = baseElement.getAttribute('data-test'); + expect(attribute).toBe('test'); + }); + + it('set attributes should return true', () => { + baseElement.setAttributes({ + 'data-test1': 'test1', + 'data-test2': 'test2', + }); + expect(baseElement.getNode().dataset.test1).toBe('test1'); + expect(baseElement.getNode().dataset.test2).toBe('test2'); + }); + + it('inner text is equal to test2', () => { + baseElement.setTextContent('test2'); + expect(baseElement.getNode().innerText).toBe('test2'); + }); +});