@osimatic/helpers-js 1.5.2 → 1.5.4

package/tests/flash_message.test.js

@@ -4,84 +4,28 @@
 const { FlashMessage } = require('../flash_message');
 
 describe('FlashMessage', () => {
-	let mockElements;
-	let mockSnackbar;
-	let appendedElements;
-
 	beforeEach(() => {
-		// Use Jest fake timers
 		jest.useFakeTimers();
-
-		// Track appended elements
-		appendedElements = [];
-
-		// Mock snackbar element
-		mockSnackbar = {
-			html: jest.fn().mockReturnThis(),
-			addClass: jest.fn().mockReturnThis(),
-			remove: jest.fn()
-		};
-
-		// Mock existing elements to remove
-		mockElements = {
-			remove: jest.fn(),
-			forEach: jest.fn()
-		};
-
-		// Mock jQuery
-		global.$ = jest.fn((selector) => {
-			if (selector === 'div.snackbar') {
-				return mockElements;
-			}
-			if (typeof selector === 'string' && selector.startsWith('<div')) {
-				return mockSnackbar;
-			}
-			if (selector === 'html body') {
-				return {
-					append: jest.fn((element) => {
-						appendedElements.push(element);
-					})
-				};
-			}
-			return {
-				append: jest.fn(),
-				html: jest.fn(),
-				addClass: jest.fn()
-			};
-		});
-
-		// Mock document.location.reload
-		const reloadMock = jest.fn();
-		delete global.document.location;
-		global.document.location = { reload: reloadMock };
-		delete global.window.location;
-		global.window.location = { reload: reloadMock };
+		document.body.innerHTML = '';
 	});
 
 	afterEach(() => {
 		jest.clearAllTimers();
 		jest.useRealTimers();
-		delete global.$;
 	});
 
 	describe('displaySuccess', () => {
 		test('should call display with success type', () => {
 			const displaySpy = jest.spyOn(FlashMessage, 'display');
-
 			FlashMessage.displaySuccess('Test message');
-
 			expect(displaySpy).toHaveBeenCalledWith('success', 'Test message', false, null, null, null);
-
 			displaySpy.mockRestore();
 		});
 
 		test('should pass reload parameter', () => {
 			const displaySpy = jest.spyOn(FlashMessage, 'display');
-
 			FlashMessage.displaySuccess('Test message', true);
-
 			expect(displaySpy).toHaveBeenCalledWith('success', 'Test message', true, null, null, null);
-
 			displaySpy.mockRestore();
 		});
 
@@ -89,11 +33,8 @@ describe('FlashMessage', () => {
 			const displaySpy = jest.spyOn(FlashMessage, 'display');
 			const mockModal = { modal: jest.fn() };
 			const mockCallback = jest.fn();
-
 			FlashMessage.displaySuccess('Test', false, mockModal, mockCallback, 'test-id');
-
 			expect(displaySpy).toHaveBeenCalledWith('success', 'Test', false, mockModal, mockCallback, 'test-id');
-
 			displaySpy.mockRestore();
 		});
 	});
@@ -101,21 +42,8 @@ describe('FlashMessage', () => {
 	describe('displayWarning', () => {
 		test('should call display with warning type', () => {
 			const displaySpy = jest.spyOn(FlashMessage, 'display');
-
-			FlashMessage.displayWarning('Warning message');
-
-			expect(displaySpy).toHaveBeenCalledWith('warning', 'Warning message', false, null, null, null);
-
-			displaySpy.mockRestore();
-		});
-
-		test('should never reload for warnings', () => {
-			const displaySpy = jest.spyOn(FlashMessage, 'display');
-
 			FlashMessage.displayWarning('Warning message');
-
 			expect(displaySpy).toHaveBeenCalledWith('warning', 'Warning message', false, null, null, null);
-
 			displaySpy.mockRestore();
 		});
 	});
@@ -123,93 +51,63 @@ describe('FlashMessage', () => {
 	describe('displayError', () => {
 		test('should call display with danger type', () => {
 			const displaySpy = jest.spyOn(FlashMessage, 'display');
-
 			FlashMessage.displayError('Error message');
-
 			expect(displaySpy).toHaveBeenCalledWith('danger', 'Error message', false, null, null, null);
-
-			displaySpy.mockRestore();
-		});
-
-		test('should never reload for errors', () => {
-			const displaySpy = jest.spyOn(FlashMessage, 'display');
-
-			FlashMessage.displayError('Error message');
-
-			expect(displaySpy).toHaveBeenCalledWith('danger', 'Error message', false, null, null, null);
-
 			displaySpy.mockRestore();
 		});
 	});
 
 	describe('display', () => {
 		test('should remove existing snackbars', () => {
+			document.body.innerHTML = '<div class="snackbar show">old</div>';
 			FlashMessage.display('success', 'Test message');
-
-			expect(global.$).toHaveBeenCalledWith('div.snackbar');
-			expect(mockElements.remove).toHaveBeenCalled();
+			expect(document.querySelectorAll('div.snackbar')).toHaveLength(1);
+			expect(document.querySelector('div.snackbar').innerHTML).toBe('Test message');
 		});
 
 		test('should create snackbar with correct type', () => {
 			FlashMessage.display('success', 'Test message');
-
-			expect(global.$).toHaveBeenCalledWith(expect.stringContaining('snackbar success'));
+			expect(document.querySelector('div.snackbar.success')).not.toBeNull();
 		});
 
 		test('should create snackbar with danger type', () => {
 			FlashMessage.display('danger', 'Error message');
-
-			expect(global.$).toHaveBeenCalledWith(expect.stringContaining('snackbar danger'));
+			expect(document.querySelector('div.snackbar.danger')).not.toBeNull();
 		});
 
 		test('should create snackbar with warning type', () => {
 			FlashMessage.display('warning', 'Warning message');
-
-			expect(global.$).toHaveBeenCalledWith(expect.stringContaining('snackbar warning'));
+			expect(document.querySelector('div.snackbar.warning')).not.toBeNull();
 		});
 
 		test('should set message content', () => {
 			FlashMessage.display('success', 'Test message');
-
-			expect(mockSnackbar.html).toHaveBeenCalledWith('Test message');
+			expect(document.querySelector('div.snackbar').innerHTML).toBe('Test message');
 		});
 
 		test('should add show class', () => {
 			FlashMessage.display('success', 'Test message');
-
-			expect(mockSnackbar.addClass).toHaveBeenCalledWith('show');
+			expect(document.querySelector('div.snackbar').classList.contains('show')).toBe(true);
 		});
 
 		test('should append snackbar to body', () => {
 			FlashMessage.display('success', 'Test message');
-
-			expect(global.$).toHaveBeenCalledWith('html body');
-			expect(appendedElements).toHaveLength(1);
-			expect(appendedElements[0]).toBe(mockSnackbar);
+			expect(document.body.contains(document.querySelector('div.snackbar'))).toBe(true);
 		});
 
 		test('should include domId when provided', () => {
 			FlashMessage.display('success', 'Test', false, null, null, 'my-id');
-
-			expect(global.$).toHaveBeenCalledWith(expect.stringContaining('id="my-id"'));
+			expect(document.querySelector('div.snackbar').id).toBe('my-id');
 		});
 
 		test('should not include id attribute when domId is null', () => {
 			FlashMessage.display('success', 'Test', false, null, null, null);
-
-			const calls = global.$.mock.calls.filter(call =>
-				typeof call[0] === 'string' && call[0].includes('<div')
-			);
-			expect(calls[0][0]).not.toContain('id=');
+			expect(document.querySelector('div.snackbar').id).toBe('');
 		});
 
 		test('should hide modal if provided', () => {
-			const mockModal = {
-				modal: jest.fn()
-			};
-
+			const mockModal = { modal: jest.fn() };
 			FlashMessage.display('success', 'Test', false, mockModal);
-
 			expect(mockModal.modal).toHaveBeenCalledWith('hide');
 		});
 
@@ -221,14 +119,9 @@ describe('FlashMessage', () => {
 
 		test('should call onMessageHidden callback after timeout', () => {
 			const mockCallback = jest.fn();
-
 			FlashMessage.display('success', 'Test', false, null, mockCallback);
-
 			expect(mockCallback).not.toHaveBeenCalled();
-
-			// Fast-forward time by 6000ms
 			jest.advanceTimersByTime(6000);
-
 			expect(mockCallback).toHaveBeenCalledTimes(1);
 		});
 
@@ -241,57 +134,32 @@ describe('FlashMessage', () => {
 
 		test('should remove snackbar after 6 seconds', () => {
 			FlashMessage.display('success', 'Test');
-
-			// Reset mock to check second call
-			mockElements.remove.mockClear();
-
+			expect(document.querySelector('div.snackbar')).not.toBeNull();
 			jest.advanceTimersByTime(6000);
-
-			expect(global.$).toHaveBeenCalledWith('div.snackbar');
-			expect(mockElements.remove).toHaveBeenCalled();
-		});
-
-		test.skip('should reload page when reload is true', () => {
-			// Skip: jsdom location.reload mocking is complex
-			FlashMessage.display('success', 'Test', true);
-
-			expect(document.location.reload).toHaveBeenCalled();
-		});
-
-		test.skip('should not reload page when reload is false', () => {
-			// Skip: jsdom location.reload mocking is complex
-			FlashMessage.display('success', 'Test', false);
-
-			expect(document.location.reload).not.toHaveBeenCalled();
+			expect(document.querySelector('div.snackbar')).toBeNull();
 		});
 
 		test('should handle HTML message content', () => {
 			const htmlMessage = '<strong>Bold</strong> message';
-
 			FlashMessage.display('success', htmlMessage);
-
-			expect(mockSnackbar.html).toHaveBeenCalledWith(htmlMessage);
+			expect(document.querySelector('div.snackbar').innerHTML).toBe(htmlMessage);
 		});
 
 		test('should handle empty message', () => {
 			FlashMessage.display('success', '');
-
-			expect(mockSnackbar.html).toHaveBeenCalledWith('');
+			expect(document.querySelector('div.snackbar').innerHTML).toBe('');
 		});
 
 		test('should handle all parameters together', () => {
 			const mockModal = { modal: jest.fn() };
 			const mockCallback = jest.fn();
-
 			FlashMessage.display('warning', 'Test message', false, mockModal, mockCallback, 'test-id');
-
 			expect(mockModal.modal).toHaveBeenCalledWith('hide');
-			expect(mockElements.remove).toHaveBeenCalled();
-			expect(mockSnackbar.html).toHaveBeenCalledWith('Test message');
-			expect(mockSnackbar.addClass).toHaveBeenCalledWith('show');
-
+			expect(document.querySelector('div.snackbar.warning')).not.toBeNull();
+			expect(document.querySelector('div.snackbar').innerHTML).toBe('Test message');
+			expect(document.querySelector('div.snackbar').classList.contains('show')).toBe(true);
 			jest.advanceTimersByTime(6000);
 			expect(mockCallback).toHaveBeenCalled();
 		});
 	});
-});
+});