@sentry/wizard
Version:
Sentry wizard helping you to configure your project
168 lines (167 loc) • 8.29 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
const fs = __importStar(require("fs"));
const path = __importStar(require("path"));
const vitest_1 = require("vitest");
const react_router_config_1 = require("../../../src/react-router/codemods/react-router-config");
vitest_1.vi.mock('@clack/prompts', () => ({
default: {
log: {
info: vitest_1.vi.fn(),
warn: vitest_1.vi.fn(),
success: vitest_1.vi.fn(),
},
},
}));
vitest_1.vi.mock('fs', async () => {
const actual = await vitest_1.vi.importActual('fs');
return {
...actual,
existsSync: vitest_1.vi.fn(),
promises: {
...actual.promises,
readFile: vitest_1.vi.fn(),
writeFile: vitest_1.vi.fn(),
},
};
});
(0, vitest_1.describe)('React Router Config File Instrumentation', () => {
const mockCwd = '/mock/project';
(0, vitest_1.beforeEach)(() => {
vitest_1.vi.clearAllMocks();
vitest_1.vi.spyOn(process, 'cwd').mockReturnValue(mockCwd);
});
(0, vitest_1.afterEach)(() => {
vitest_1.vi.restoreAllMocks();
});
(0, vitest_1.describe)('instrumentReactRouterConfig', () => {
(0, vitest_1.it)('should create new config file if it does not exist', async () => {
const writtenFiles = {};
vitest_1.vi.mocked(fs.existsSync).mockReturnValue(false);
vitest_1.vi.mocked(fs.promises.writeFile).mockImplementation((filePath, content) => {
writtenFiles[filePath] = content;
return Promise.resolve();
});
const result = await (0, react_router_config_1.instrumentReactRouterConfig)(true);
(0, vitest_1.expect)(result.ssrWasChanged).toBe(false);
const configPath = path.join(mockCwd, 'react-router.config.ts');
(0, vitest_1.expect)(writtenFiles[configPath]).toContain('ssr: true');
(0, vitest_1.expect)(writtenFiles[configPath]).toContain('sentryOnBuildEnd');
(0, vitest_1.expect)(writtenFiles[configPath]).toContain('buildEnd:');
});
(0, vitest_1.it)('should create .js config when TypeScript is not used', async () => {
const writtenFiles = {};
vitest_1.vi.mocked(fs.existsSync).mockReturnValue(false);
vitest_1.vi.mocked(fs.promises.writeFile).mockImplementation((filePath, content) => {
writtenFiles[filePath] = content;
return Promise.resolve();
});
await (0, react_router_config_1.instrumentReactRouterConfig)(false);
const configPath = path.join(mockCwd, 'react-router.config.js');
(0, vitest_1.expect)(writtenFiles[configPath]).toBeDefined();
// Verify JS config doesn't have TypeScript-only syntax
(0, vitest_1.expect)(writtenFiles[configPath]).not.toContain('import type');
(0, vitest_1.expect)(writtenFiles[configPath]).not.toContain('satisfies Config');
(0, vitest_1.expect)(writtenFiles[configPath]).toContain('sentryOnBuildEnd');
(0, vitest_1.expect)(writtenFiles[configPath]).toContain('buildEnd:');
});
(0, vitest_1.it)('should detect and skip if Sentry content already exists', async () => {
const existingConfig = `import { sentryOnBuildEnd } from '@sentry/react-router';
export default {
ssr: true,
buildEnd: async ({ viteConfig, reactRouterConfig, buildManifest }) => {
await sentryOnBuildEnd({ viteConfig, reactRouterConfig, buildManifest });
}
};`;
vitest_1.vi.mocked(fs.existsSync).mockReturnValue(true);
vitest_1.vi.mocked(fs.promises.readFile).mockResolvedValue(existingConfig);
const result = await (0, react_router_config_1.instrumentReactRouterConfig)(true);
(0, vitest_1.expect)(result.ssrWasChanged).toBe(false);
});
(0, vitest_1.it)('should add buildEnd hook to existing config', async () => {
const existingConfig = `export default {
ssr: true,
async: false
};`;
const writtenFiles = {};
vitest_1.vi.mocked(fs.existsSync).mockReturnValue(true);
vitest_1.vi.mocked(fs.promises.readFile).mockResolvedValue(existingConfig);
vitest_1.vi.mocked(fs.promises.writeFile).mockImplementation((filePath, content) => {
writtenFiles[filePath] = content;
return Promise.resolve();
});
const result = await (0, react_router_config_1.instrumentReactRouterConfig)(true);
(0, vitest_1.expect)(result.ssrWasChanged).toBe(false);
const writtenConfig = Object.values(writtenFiles)[0];
(0, vitest_1.expect)(writtenConfig).toContain('sentryOnBuildEnd');
(0, vitest_1.expect)(writtenConfig).toContain('buildEnd:');
});
(0, vitest_1.it)('should set ssr: true if missing', async () => {
const existingConfig = `export default {
async: false
};`;
const writtenFiles = {};
vitest_1.vi.mocked(fs.existsSync).mockReturnValue(true);
vitest_1.vi.mocked(fs.promises.readFile).mockResolvedValue(existingConfig);
vitest_1.vi.mocked(fs.promises.writeFile).mockImplementation((filePath, content) => {
writtenFiles[filePath] = content;
return Promise.resolve();
});
const result = await (0, react_router_config_1.instrumentReactRouterConfig)(true);
(0, vitest_1.expect)(result.ssrWasChanged).toBe(true);
const writtenConfig = Object.values(writtenFiles)[0];
(0, vitest_1.expect)(writtenConfig).toContain('ssr: true');
});
(0, vitest_1.it)('should report ssrWasChanged when changing ssr from false to true', async () => {
const existingConfig = `export default {
ssr: false
};`;
const writtenFiles = {};
vitest_1.vi.mocked(fs.existsSync).mockReturnValue(true);
vitest_1.vi.mocked(fs.promises.readFile).mockResolvedValue(existingConfig);
vitest_1.vi.mocked(fs.promises.writeFile).mockImplementation((filePath, content) => {
writtenFiles[filePath] = content;
return Promise.resolve();
});
const result = await (0, react_router_config_1.instrumentReactRouterConfig)(true);
(0, vitest_1.expect)(result.ssrWasChanged).toBe(true);
const writtenConfig = Object.values(writtenFiles)[0];
(0, vitest_1.expect)(writtenConfig).toContain('ssr: true');
});
(0, vitest_1.it)('should throw error if buildEnd already exists', async () => {
const existingConfig = `export default {
ssr: true,
buildEnd: async () => {
console.log('existing hook');
}
};`;
vitest_1.vi.mocked(fs.existsSync).mockReturnValue(true);
vitest_1.vi.mocked(fs.promises.readFile).mockResolvedValue(existingConfig);
await (0, vitest_1.expect)((0, react_router_config_1.instrumentReactRouterConfig)(true)).rejects.toThrow('A buildEnd hook already exists');
});
});
});
//# sourceMappingURL=react-router-config.test.js.map