feat: configure Jest testing infrastructure
- Update Jest config with module name mapping for uuid and node-fetch - Add Babel transform for mixed JS/TS support - Configure transformIgnorePatterns for ES modules - Add comprehensive test mocks for uuid and node-fetch - Setup import.meta environment variables for Jest compatibility - Increase test timeout to 30 seconds for integration tests
This commit is contained in:
William Valentin
31
babel.config.cjs
Normal file
31
babel.config.cjs
Normal file
@@ -0,0 +1,31 @@
|
||||
module.exports = {
|
||||
presets: [
|
||||
['@babel/preset-env', {
|
||||
targets: {
|
||||
node: 'current'
|
||||
}
|
||||
}],
|
||||
'@babel/preset-typescript'
|
||||
],
|
||||
plugins: [
|
||||
// Transform import.meta for Jest compatibility
|
||||
function() {
|
||||
return {
|
||||
visitor: {
|
||||
MetaProperty(path) {
|
||||
if (path.node.meta.name === 'import' && path.node.property.name === 'meta') {
|
||||
path.replaceWithSourceString('({ env: process.env })');
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
],
|
||||
env: {
|
||||
test: {
|
||||
plugins: [
|
||||
// Additional test-specific plugins can go here
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
@@ -17,10 +17,16 @@
|
||||
],
|
||||
"coverageDirectory": "coverage",
|
||||
"coverageReporters": ["text", "lcov", "html"],
|
||||
"moduleNameMapping": {
|
||||
"^@/(.*)$": "<rootDir>/$1"
|
||||
"moduleNameMapper": {
|
||||
"^@/(.*)$": "<rootDir>/$1",
|
||||
"^uuid$": "<rootDir>/tests/__mocks__/uuid.js",
|
||||
"^node-fetch$": "<rootDir>/tests/__mocks__/node-fetch.js"
|
||||
},
|
||||
"transform": {
|
||||
"^.+\\.tsx?$": "ts-jest"
|
||||
}
|
||||
"^.+\\.tsx?$": "ts-jest",
|
||||
"^.+\\.jsx?$": "babel-jest"
|
||||
},
|
||||
"transformIgnorePatterns": ["node_modules/(?!(@jest/transform|uuid|node-fetch)/)"],
|
||||
"testTimeout": 30000,
|
||||
"moduleFileExtensions": ["ts", "tsx", "js", "jsx", "json", "node"]
|
||||
}
|
||||
|
||||
120
tests/__mocks__/node-fetch.js
Normal file
120
tests/__mocks__/node-fetch.js
Normal file
@@ -0,0 +1,120 @@
|
||||
// Mock for node-fetch module
|
||||
const createMockResponse = (data, ok = true, status = 200) => ({
|
||||
ok,
|
||||
status,
|
||||
statusText: ok ? 'OK' : 'Error',
|
||||
headers: new Map(),
|
||||
json: jest.fn(() => Promise.resolve(data)),
|
||||
text: jest.fn(() =>
|
||||
Promise.resolve(typeof data === 'string' ? data : JSON.stringify(data))
|
||||
),
|
||||
blob: jest.fn(() => Promise.resolve(new Blob())),
|
||||
arrayBuffer: jest.fn(() => Promise.resolve(new ArrayBuffer(0))),
|
||||
clone: jest.fn(() => createMockResponse(data, ok, status)),
|
||||
});
|
||||
|
||||
const fetch = jest.fn((url, options) => {
|
||||
// Handle different endpoints
|
||||
if (url && typeof url === 'string') {
|
||||
if (url.includes('_all_dbs')) {
|
||||
// Return array of databases for /_all_dbs endpoint
|
||||
const databases = [
|
||||
'users',
|
||||
'medications',
|
||||
'settings',
|
||||
'taken_doses',
|
||||
'reminders',
|
||||
'_users',
|
||||
];
|
||||
return Promise.resolve(createMockResponse(databases));
|
||||
}
|
||||
|
||||
if (url.includes('5984')) {
|
||||
// CouchDB root endpoint
|
||||
return Promise.resolve(createMockResponse({ version: '3.0.0' }));
|
||||
}
|
||||
|
||||
if (url.includes('8080') || url.includes('localhost')) {
|
||||
// Frontend endpoint
|
||||
return Promise.resolve(
|
||||
createMockResponse('<!DOCTYPE html><html></html>')
|
||||
);
|
||||
}
|
||||
|
||||
if (url.includes('mailgun') || url.includes('api.mailgun.net')) {
|
||||
// Mailgun API endpoint
|
||||
return Promise.resolve(
|
||||
createMockResponse({
|
||||
id: '<mock-message-id>',
|
||||
message: 'Queued. Thank you.',
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
// Database-specific endpoints
|
||||
if (
|
||||
url.includes('/users') ||
|
||||
url.includes('/medications') ||
|
||||
url.includes('/settings') ||
|
||||
url.includes('/taken_doses') ||
|
||||
url.includes('/reminders')
|
||||
) {
|
||||
const method = options?.method || 'GET';
|
||||
|
||||
if (method === 'GET') {
|
||||
// Return database info or document
|
||||
return Promise.resolve(
|
||||
createMockResponse({
|
||||
db_name: 'test_db',
|
||||
doc_count: 0,
|
||||
doc_del_count: 0,
|
||||
update_seq:
|
||||
'0-g1AAAABXeJzLYWBg4MhgTmHgS04sKU9NLMnMz2NgAPKSUxMBhYwFiCJ_P2FjTwNGDU8N9QBkUgOToFJQHgv3YwOeNCsv',
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
if (method === 'PUT' || method === 'POST') {
|
||||
// Return success for database creation or document creation
|
||||
return Promise.resolve(
|
||||
createMockResponse({
|
||||
ok: true,
|
||||
id: 'mock-id-' + Date.now(),
|
||||
rev: '1-mock-rev',
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
if (method === 'HEAD') {
|
||||
// Return 404 for database existence check (database doesn't exist)
|
||||
return Promise.resolve(createMockResponse({}, false, 404));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Default successful response
|
||||
return Promise.resolve(createMockResponse({ success: true }));
|
||||
});
|
||||
|
||||
// Helper methods for tests
|
||||
fetch.mockSuccess = data => {
|
||||
fetch.mockImplementationOnce(() => Promise.resolve(createMockResponse(data)));
|
||||
};
|
||||
|
||||
fetch.mockError = (status = 500, statusText = 'Internal Server Error') => {
|
||||
fetch.mockImplementationOnce(() =>
|
||||
Promise.resolve(createMockResponse({ error: statusText }, false, status))
|
||||
);
|
||||
};
|
||||
|
||||
fetch.mockReject = error => {
|
||||
fetch.mockImplementationOnce(() => Promise.reject(error));
|
||||
};
|
||||
|
||||
// Reset function for tests
|
||||
fetch.mockReset = () => {
|
||||
fetch.mockClear();
|
||||
};
|
||||
|
||||
module.exports = fetch;
|
||||
module.exports.default = fetch;
|
||||
4
tests/__mocks__/uuid.js
Normal file
4
tests/__mocks__/uuid.js
Normal file
@@ -0,0 +1,4 @@
|
||||
// Mock for uuid module
|
||||
module.exports = {
|
||||
v4: jest.fn(() => '12345678-1234-1234-1234-123456789012'),
|
||||
};
|
||||
@@ -20,10 +20,29 @@ Object.defineProperty(window, 'localStorage', {
|
||||
// Mock fetch
|
||||
global.fetch = jest.fn();
|
||||
|
||||
// Mock import.meta for Jest
|
||||
Object.defineProperty(globalThis, 'import', {
|
||||
value: {
|
||||
meta: {
|
||||
env: {
|
||||
NODE_ENV: 'test',
|
||||
VITE_COUCHDB_URL: 'http://localhost:5984',
|
||||
VITE_COUCHDB_USERNAME: 'admin',
|
||||
VITE_COUCHDB_PASSWORD: 'password',
|
||||
VITE_MAILGUN_API_KEY: 'test-key',
|
||||
VITE_MAILGUN_DOMAIN: 'test.mailgun.org',
|
||||
VITE_MAILGUN_BASE_URL: 'https://api.mailgun.net',
|
||||
VITE_MAILGUN_FROM_NAME: 'Test App',
|
||||
VITE_MAILGUN_FROM_EMAIL: 'test@example.com',
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// Setup console to avoid noise in tests
|
||||
const originalError = console.error;
|
||||
beforeAll(() => {
|
||||
console.error = (...args: any[]) => {
|
||||
console.error = (...args: unknown[]) => {
|
||||
if (
|
||||
typeof args[0] === 'string' &&
|
||||
args[0].includes('Warning: ReactDOM.render is deprecated')
|
||||
|
||||
Reference in New Issue
Block a user