nanosplash 3.0.0 → 3.0.2

package/tests/Nanosplash.spec.ts

@@ -1,64 +0,0 @@
-// @ts-strict
-
-import { describe, it, expect, beforeEach } from 'vitest'
-import Nanosplash from '../src/ts/core/Nanosplash/Nanosplash'
-import { JSDOM } from 'jsdom'
-
-describe('Nanosplash', () => {
-	// Reset the DOM before each test
-	beforeEach(() => {
-		const dom = new JSDOM()
-		// @ts-ignore
-		globalThis.window = dom.window
-		globalThis.document = dom.window.document
-		globalThis.DOMParser = dom.window.DOMParser
-	})
-
-	it('Should be a valid Nanosplash', () => {
-		const ns = new Nanosplash()
-		const element = ns.getNSElement()
-
-		expect(element).not.toBeUndefined()
-		expect(element.id).toBe(ns.getId())
-		expect(element.classList.contains(Nanosplash.nsClassName)).toBe(true)
-
-		const contentElement = ns.getNSContentElement()
-		expect(contentElement).not.toBeUndefined()
-
-		const textElement = ns.getNSTextElement()
-		expect(textElement).not.toBeUndefined()
-
-		const spinnerElement = <HTMLElement>textElement.nextElementSibling
-		expect(spinnerElement).not.toBeUndefined()
-
-		const spinnerSVGElement = <HTMLElement>spinnerElement.firstElementChild
-		expect(spinnerSVGElement).not.toBeUndefined()
-	})
-
-	it('Should be able to set text', () => {
-		const ns = new Nanosplash()
-		const text = 'Hello World!'
-		ns.setText(text)
-		expect(ns.getNSTextElement().innerText).toBe(text)
-	})
-
-	it('Should be able to hide text', () => {
-		const ns = new Nanosplash()
-		ns.hideText()
-		expect(ns.getNSTextElement().style.display).toBe('none')
-	})
-
-	it('Should be able to show text', () => {
-		const ns = new Nanosplash()
-		ns.setText('Hello World!')
-		ns.hideText()
-		ns.showText()
-		expect(ns.getNSTextElement().style.display).toBe('flex')
-	})
-
-	it('Should be able to remove itself from DOM', () => {
-		const ns = new Nanosplash()
-		ns.remove()
-		expect(ns.getNSElement()).toBeUndefined()
-	})
-})

package/tests/NanosplashRepository.spec.ts

@@ -1,91 +0,0 @@
-// @ts-strict
-
-import { JSDOM } from 'jsdom'
-import { beforeEach, describe, expect, it } from 'vitest'
-import Nanosplash from '../src/ts/core/Nanosplash/Nanosplash'
-import {
-	createElement,
-	injectAsFirstChild,
-	prepareParentOf,
-	cleanNSParentOf,
-	showElement,
-	hideElement,
-	setNSHostClass,
-	move,
-} from '../src/ts/core/Nanosplash/repositories/NanosplashRepository'
-
-describe('NanosplashRepository', () => {
-	// Reset the DOM before each test
-	beforeEach(() => {
-		const dom = new JSDOM()
-		// @ts-ignore
-		globalThis.window = dom.window
-		globalThis.document = dom.window.document
-		globalThis.DOMParser = dom.window.DOMParser
-		globalThis.Node = dom.window.Node
-	})
-
-	it('Should be able to create a Nanosplash component', () => {
-		const getClass = (element: Element) => element.classList[0]
-		const element = createElement()
-		const contentElement = <Element>element.firstElementChild
-		const textElement = <Element>contentElement.firstElementChild
-		const spinnerElement = <Element>textElement.nextElementSibling
-
-		expect(getClass(element)).toBe('ns')
-		expect(getClass(contentElement)).toBe('ns-content')
-		expect(getClass(textElement)).toBe('ns-text')
-		expect(getClass(spinnerElement)).toBe('ns-spinner')
-	})
-
-	it('Should be able to inject a Nanosplash component', () => {
-		const element = createElement()
-		const destinationElement = document.createElement('div')
-		injectAsFirstChild(element, destinationElement)
-		expect(destinationElement.firstElementChild).toBe(element)
-	})
-
-	it('Should be able to prepare the parent of a Nanosplash component', () => {
-		const ns = new Nanosplash()
-		const parent = document.createElement('div')
-		parent.appendChild(ns.getNSElement())
-		prepareParentOf(ns)
-		expect(parent.classList.contains(Nanosplash.nsHostClassName)).toBe(true)
-	})
-
-	it('Should be able to clean the parent of a Nanosplash component', () => {
-		const ns = new Nanosplash()
-		const parent = document.createElement('div')
-		parent.appendChild(ns.getNSElement())
-		parent.classList.add(Nanosplash.nsHostClassName)
-		cleanNSParentOf(ns)
-		expect(parent.classList.contains(Nanosplash.nsHostClassName)).toBe(false)
-	})
-
-	it('Should be able to show an element', () => {
-		const element = document.createElement('div')
-		showElement(element)
-		expect(element.style.display).toBe('flex')
-	})
-
-	it('Should be able to hide an element', () => {
-		const element = document.createElement('div')
-		hideElement(element)
-		expect(element.style.display).toBe('none')
-	})
-
-	it('Should be able to alter the class of a Nanosplash host', () => {
-		const div = document.createElement('div')
-		setNSHostClass(div, 'add')
-		expect(div.classList.contains(Nanosplash.nsHostClassName)).toBe(true)
-		setNSHostClass(div, 'remove')
-		expect(div.classList.contains(Nanosplash.nsHostClassName)).toBe(false)
-	})
-
-	it('Should be able to move a Nanosplash component', () => {
-		const ns = new Nanosplash()
-		const destination = document.createElement('div')
-		move(ns.getNSElement(), destination)
-		expect(destination.firstElementChild).toBe(ns.getNSElement())
-	})
-})

package/tests/NanosplashService.spec.ts

@@ -1,119 +0,0 @@
-// @ts-strict
-
-import { JSDOM } from 'jsdom'
-import { beforeEach, describe, expect, it } from 'vitest'
-import NanosplashService from '../src/ts/core/Nanosplash/services/NanosplashService'
-import Nanosplash from '../src/ts/core/Nanosplash/Nanosplash'
-import { GUIDString } from '../src/ts/types/Alias'
-import { getRecycledNS } from '../src/ts/core/Nanosplash/repositories/NanosplashRepository'
-
-describe('NanosplashService', () => {
-	const nss = NanosplashService.getInstance()
-	const getById = (id: GUIDString): Nanosplash | undefined =>
-		nss.nsStack.items.find((ns: Nanosplash) => ns.getId() === id)
-
-	// Reset the DOM before each test
-	beforeEach(() => {
-		const dom = new JSDOM()
-		// @ts-ignore
-		globalThis.window = dom.window
-		globalThis.document = dom.window.document
-		globalThis.DOMParser = dom.window.DOMParser
-		globalThis.Node = dom.window.Node
-	})
-
-	it('Should be able to create an instance', () => {
-		expect(nss).toBeInstanceOf(NanosplashService)
-	})
-
-	it('Should be able to get the same singleton instance', () => {
-		const nss1 = NanosplashService.getInstance()
-		const nss2 = NanosplashService.getInstance()
-		expect(nss1).toBe(nss2)
-	})
-
-	it('Should be able to start the service', () => {
-		NanosplashService.start()
-		expect(window.ns).toBeInstanceOf(NanosplashService)
-	})
-
-	it('Should be able to retrieve an existing Nanosplash instance from a destination node', () => {
-		const destinationNode = document.createElement('div')
-		document.body.appendChild(destinationNode)
-		destinationNode.id = 'test-id'
-		const nsInstance1 = getRecycledNS(destinationNode) as Nanosplash
-		expect(nsInstance1).toBeNull()
-		let nsId = nss.showInside('erroneous-selector', 'Hello World!')
-		expect(nsId).toBeNull()
-		nsId = nss.showInside('div[id="test-id"]', 'Hello World!')
-		const nsInstance2 = getRecycledNS(destinationNode)
-		expect(nsInstance2).toBeInstanceOf(Nanosplash)
-		expect(nsInstance2?.getId()).toBe(nsId)
-	})
-
-	it('Should be able to show a Nanosplash in the browser window', () => {
-		const text = 'Hello World!'
-		const nsId = nss.show(text)
-		const element = document.getElementById(nsId)
-		const ns = getById(nsId)
-		const nsText = ns?.getNSTextElement().innerText
-		expect(element).toBe(ns?.getNSElement())
-		expect(nsText).toBe(text)
-	})
-
-	it('Should be able to show a Nanosplash over a given element', () => {
-		const text = 'Hello World!'
-		const destination = document.createElement('div')
-		destination.id = 'test-id'
-		document.body.appendChild(destination)
-		const nsId = <string>nss.showInside('#test-id', text)
-		const element = document.getElementById(nsId)
-		const ns = getById(nsId)
-		const nsText = ns?.getNSTextElement().innerText
-		expect(element).toBe(ns?.getNSElement())
-		expect(nsText).toBe(text)
-	})
-
-	it('Should be able to hide a Nanosplash', () => {
-		const nsId = nss.show()
-		nss.hide()
-		const ns = getById(nsId)
-		expect(ns?.getNSElement()).toBeUndefined()
-	})
-
-	it('Should be able to hide all Nanosplashes', () => {
-		const div = (id: string) => {
-			const d = document.createElement('div')
-			d.id = id
-			return d
-		}
-		document.body.append(div('a'), div('b'), div('c'))
-		nss.hideAll()
-		expect(nss.nsStack.items.length).toBe(0)
-		nss.showInside('#a', 'A')
-		nss.showInside('#b', 'B')
-		nss.showInside('#c', 'C')
-		expect(nss.nsStack.items.length).toBe(3)
-		nss.hideAll()
-		expect(nss.nsStack.items.length).toBe(0)
-	})
-
-	it('Should be able to hide a Nanosplash based on its ID', () => {
-		const nsId = nss.show()
-		nss.hideId(nsId)
-		const ns = getById(nsId)
-		expect(ns?.getNSElement()).toBeUndefined()
-	})
-
-	it('Should be able to hide a Nanosplash residing inside a given element', () => {
-		const destination = document.createElement('div')
-		destination.id = 'test-id'
-		document.body.appendChild(destination)
-		let nsId = nss.showInside('#test-id')
-		nsId = nss.hideInside('erroneous-selector')
-		expect(nsId).toBeNull()
-		nsId = <string>nss.hideInside('#test-id')
-		const ns = getById(nsId)
-		expect(ns?.getNSElement()).toBeUndefined()
-	})
-})

package/tests/Stack.spec.ts

@@ -1,56 +0,0 @@
-// @ts-strict
-
-import { it, expect, describe } from 'vitest'
-import Stack from '../src/ts/util/Stack'
-
-describe('Stack', () => {
-	it('Should add items to the stack', () => {
-		const stack = new Stack<number>()
-		stack.push(1)
-		stack.push(2)
-		stack.push(3)
-		expect(stack.size()).toBe(3)
-	})
-
-	it('Should remove and return the item at the top of the stack', () => {
-		const stack = new Stack<string>()
-		stack.push('a')
-		stack.push('b')
-		stack.push('c')
-		const item = stack.pop()
-		expect(item).toBe('c')
-		expect(stack.size()).toBe(2)
-	})
-
-	it('Should return the item at the top of the stack without removing it', () => {
-		const stack = new Stack<number>()
-		stack.push(1)
-		stack.push(2)
-		stack.push(3)
-		const topItem = stack.peek()
-		expect(topItem).toBe(3)
-		expect(stack.size()).toBe(3)
-	})
-
-	it('Should return true if the stack is empty', () => {
-		const stack = new Stack<boolean>()
-		expect(stack.isEmpty()).toBe(true)
-	})
-
-	it('Should return the number of items in the stack', () => {
-		const stack = new Stack<string>()
-		stack.push('a')
-		stack.push('b')
-		stack.push('c')
-		expect(stack.size()).toBe(3)
-	})
-
-	it('Should clear the stack', () => {
-		const stack = new Stack<number>()
-		stack.push(1)
-		stack.push(2)
-		stack.push(3)
-		stack.clear()
-		expect(stack.isEmpty()).toBe(true)
-	})
-})