mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

✅ Adding more unit tests

Browse source
This commit is contained in:
Milorad Filipovic 2025-03-05 14:12:43 +01:00
parent 93a118cc67
commit 218ac8bcee
No known key found for this signature in database
2 changed files with 85 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
packages/frontend/editor-ui/src/components/ResourceLocator/ResourceLocator.test.ts
View file

@ -133,14 +133,56 @@ describe('ResourceLocator', () => {
}); });
}); });
it('renders permission error correctly', async () => { // Testing error message deduplication
const TEST_401_ERROR = { describe('ResourceLocator credentials error handling', () => {
message: 'Failed to load resources', it.each([
{
testName: 'period-separated credential message',
error: {
message: 'Authentication failed. Please check your credentials.',
httpCode: '401', httpCode: '401',
description: 'Authentication failed. Please check your credentials.', description: 'Authentication failed. Please check your credentials.',
}; },
expectedMessage: 'Authentication failed.',
nodeTypesStore.getResourceLocatorResults.mockRejectedValue(TEST_401_ERROR); },
{
testName: 'dash-separated credential message',
error: {
message: 'Authentication failed - Please check your credentials.',
httpCode: '401',
description: 'Authentication failed. Please check your credentials.',
},
expectedMessage: 'Authentication failed',
},
{
testName: 'credential message with "Perhaps" phrasing',
error: {
message: 'Authentication failed - Perhaps check your credentials?',
httpCode: '401',
description: 'Authentication failed. Please check your credentials.',
},
expectedMessage: 'Authentication failed',
},
{
testName: 'singular credential phrasing',
error: {
message: 'Authentication failed. You should check your credential.',
httpCode: '401',
description: 'Authentication failed.',
},
expectedMessage: 'Authentication failed.',
},
{
testName: 'verify credentials phrasing',
error: {
message: 'Authentication failed - Please verify your credentials.',
httpCode: '401',
description: 'Authentication failed.',
},
expectedMessage: 'Authentication failed',
},
])('$testName', async ({ error, expectedMessage }) => {
nodeTypesStore.getResourceLocatorResults.mockRejectedValue(error);
const { getByTestId, findByTestId } = renderComponent(); const { getByTestId, findByTestId } = renderComponent();
@ -154,8 +196,8 @@ describe('ResourceLocator', () => {
const errorContainer = await findByTestId('rlc-error-container'); const errorContainer = await findByTestId('rlc-error-container');
expect(errorContainer).toBeInTheDocument(); expect(errorContainer).toBeInTheDocument();
expect(errorContainer).toHaveTextContent(TEST_401_ERROR.httpCode); expect(getByTestId('rlc-error-code')).toHaveTextContent(error.httpCode);
expect(errorContainer).toHaveTextContent(TEST_401_ERROR.message); expect(getByTestId('rlc-error-message')).toHaveTextContent(expectedMessage);
expect(getByTestId('permission-error-link')).toBeInTheDocument(); expect(getByTestId('permission-error-link')).toBeInTheDocument();
}); });
@ -186,4 +228,5 @@ describe('ResourceLocator', () => {
expect(queryByTestId('permission-error-link')).not.toBeInTheDocument(); expect(queryByTestId('permission-error-link')).not.toBeInTheDocument();
}); });
});
}); });

6
packages/frontend/editor-ui/src/components/ResourceLocator/ResourceLocator.vue
View file

@ -849,10 +849,12 @@ function removeOverride() {
</n8n-text> </n8n-text>
<div v-if="currentResponse.errorDetails" :class="$style.errorDetails"> <div v-if="currentResponse.errorDetails" :class="$style.errorDetails">
<n8n-text size="small"> <n8n-text size="small">
<span v-if="currentResponse.errorDetails.httpCode"> <span v-if="currentResponse.errorDetails.httpCode" data-test-id="rlc-error-code">
{{ currentResponse.errorDetails.httpCode }} - {{ currentResponse.errorDetails.httpCode }} -
</span> </span>
{{ currentResponse.errorDetails.message }} <span data-test-id="rlc-error-message">{{
currentResponse.errorDetails.message
}}</span>
</n8n-text> </n8n-text>
<N8nNotice <N8nNotice
v-if="currentResponse.errorDetails.description" v-if="currentResponse.errorDetails.description"