<%# Copyright 2013-2026 the original author or authors from the JHipster project. This file is part of the JHipster project, see https://www.jhipster.tech/ for more information. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. -%> import { configureStore } from '@reduxjs/toolkit'; import * as toastify from 'react-toastify'; // synthetic default import doesn't work here due to mocking. import sinon from 'sinon'; <%_ if (enableTranslation) { _%> import { TranslatorContext } from 'react-jhipster'; <%_ } _%> import { MESSAGE_ALERT_HEADER_NAME, MESSAGE_ERROR_HEADER_NAME, MESSAGE_PARAM_HEADER_NAME } from 'app/shared/jhipster/constants'; import { ProblemWithMessageType } from 'app/shared/jhipster/problem-details'; import { INVALID_PASSWORD_TYPE } from 'app/shared/jhipster/constants'; import notificationMiddleware from './notification-middleware'; describe('Notification Middleware', () => { let store: ReturnType; const SUCCESS_TYPE = 'SUCCESS/fulfilled'; const ERROR_TYPE = 'ERROR/rejected'; // Default action for use in local tests const DEFAULT = { type: SUCCESS_TYPE, payload: 'foo', }; const HEADER_SUCCESS = { type: SUCCESS_TYPE, payload: { status: 201, statusText: 'Created', headers: { [MESSAGE_ALERT_HEADER_NAME]: 'foo.created', [MESSAGE_PARAM_HEADER_NAME]: 'foo' }, }, }; const DEFAULT_ERROR = { type: ERROR_TYPE, error: new Error('foo'), }; const VALIDATION_ERROR = { type: ERROR_TYPE, error: { isAxiosError: true, response: { data: { type: ProblemWithMessageType, title: 'Method argument not valid', status: 400, path: '/api/foos', message: 'error.validation', fieldErrors: [{ objectName: 'foos', field: 'minField', message: 'Min' }], }, status: 400, statusText: 'Bad Request', headers: { expires: '0' }, }, }, }; const HEADER_ERRORS = { type: ERROR_TYPE, error: { isAxiosError: true, response: { status: 400, statusText: 'Bad Request', headers: { [MESSAGE_ERROR_HEADER_NAME]: 'foo.creation', [MESSAGE_PARAM_HEADER_NAME]: 'foo' }, }, }, }; const NOT_FOUND_ERROR = { type: ERROR_TYPE, error: { isAxiosError: true, response: { data: { status: 404, message: 'Not found', }, status: 404, }, }, }; const NO_SERVER_ERROR = { type: ERROR_TYPE, error: { isAxiosError: true, response: { status: 0, }, }, }; const GENERIC_ERROR = { type: ERROR_TYPE, error: { isAxiosError: true, response: { data: { message: 'Error', }, }, }, }; const LOGIN_REJECTED_ERROR = { type: ERROR_TYPE, error: { isAxiosError: true, response: { data: '', config: { url: 'api/authenticate', }, status: 401, }, }, }; const TITLE_ERROR = { type: ERROR_TYPE, error: { isAxiosError: true, response: { data: { title: 'Incorrect password', status: 400, type: INVALID_PASSWORD_TYPE, }, status: 400, }, }, }; const STRING_DATA_ERROR = { type: ERROR_TYPE, error: { isAxiosError: true, response: { data: 'Incorrect password string', status: 400, }, }, }; const UNKNOWN_400_ERROR = { type: ERROR_TYPE, error: { isAxiosError: true, response: { status: 400, }, }, }; const UNKNOWN_ERROR = { type: ERROR_TYPE, error: { isAxiosError: true, }, }; const makeStore = () => configureStore({ reducer: (state = {}) => state, middleware: getDefaultMiddleware => getDefaultMiddleware().concat(notificationMiddleware), }); <%_ if (enableTranslation) { _%> beforeAll(() => { TranslatorContext.registerTranslations('<%= nativeLanguage %>', {}); }); <%_ } _%> beforeEach(() => { store = makeStore(); sinon.spy(toastify.toast, 'error'); sinon.spy(toastify.toast, 'success'); // ignore console errors jest.spyOn(globalThis.console, 'error').mockImplementation(); }); afterEach(() => { (toastify.toast as any).error.restore(); (toastify.toast as any).success.restore(); }); it('should not trigger a toast message but should return action', () => { expect(store.dispatch(DEFAULT).payload).toEqual('foo'); expect((toastify.toast as any).error.called).toEqual(false); expect((toastify.toast as any).success.called).toEqual(false); }); it('should trigger a success toast message for header alerts', () => { expect(store.dispatch(HEADER_SUCCESS).payload.status).toEqual(201); sinon.assert.calledWithMatch((toastify.toast as any).success, 'foo.created'); }); it('should trigger an error toast message and return error', () => { expect(store.dispatch(DEFAULT_ERROR).error.message).toEqual('foo'); sinon.assert.calledWithMatch((toastify.toast as any).error, 'foo'); }); it('should trigger an error toast message and return error for generic message', () => { expect(store.dispatch(GENERIC_ERROR).error.response.data.message).toEqual('Error'); sinon.assert.calledWithMatch((toastify.toast as any).error, 'Error'); }); it('should trigger an error toast message and return error for 400 response code', () => { expect(store.dispatch(VALIDATION_ERROR).error.response.data.message).toEqual('error.validation'); sinon.assert.calledWithMatch((toastify.toast as any).error, <% if (enableTranslation) { %>'error.Size'<% } else { %>'Error on field "MinField"'<% } %>); }); it('should trigger an error toast message and return error for 404 response code', () => { expect(store.dispatch(NOT_FOUND_ERROR).error.response.data.message).toEqual('Not found'); sinon.assert.calledWithMatch((toastify.toast as any).error, <% if (enableTranslation) { %>'error.url.not.found'<% } else { %>'Not found'<% } %>); }); it('should trigger an error toast message and return error for 0 response code', () => { expect(store.dispatch(NO_SERVER_ERROR).error.response.status).toEqual(0); sinon.assert.calledWithMatch((toastify.toast as any).error, <% if (enableTranslation) { %>'error.server.not.reachable'<% } else { %>'Server not reachable'<% } %>); }); it('should trigger an error toast message and return error for headers containing errors', () => { expect(store.dispatch(HEADER_ERRORS).error.response.status).toEqual(400); sinon.assert.calledWithMatch((toastify.toast as any).error, 'foo.creation'); }); it('should not trigger an error toast message and return error for 401 response code', () => { expect(store.dispatch(LOGIN_REJECTED_ERROR).error.response.status).toEqual(401); expect((toastify.toast as any).error.called).toEqual(false); expect((toastify.toast as any).success.called).toEqual(false); }); it('should trigger an error toast message and return error for 400 response code', () => { expect(store.dispatch(TITLE_ERROR).error.response.status).toEqual(400); sinon.assert.calledWithMatch((toastify.toast as any).error, 'Incorrect password'); }); it('should trigger an error toast message and return error for string in data', () => { expect(store.dispatch(STRING_DATA_ERROR).error.response.status).toEqual(400); sinon.assert.calledWithMatch((toastify.toast as any).error, 'Incorrect password string'); }); it('should trigger an error toast message and return error for unknown 400 error', () => { expect(store.dispatch(UNKNOWN_400_ERROR).error.response.status).toEqual(400); sinon.assert.calledWithMatch((toastify.toast as any).error, 'Unknown error!'); }); it('should trigger an error toast message and return error for unknown error', () => { expect(store.dispatch(UNKNOWN_ERROR).error.isAxiosError).toEqual(true); sinon.assert.calledWithMatch((toastify.toast as any).error, 'Unknown error!'); }); });