rogee
321c61aaae
Copy the Chatwoot (v4.14.0) frontend runnable subset into frontend/ for customization: - app/javascript/ (Vue SPA: dashboard, widget, sdk, portal, superadmin) - app/views/ (ERB templates for vite-plugin-ruby entrypoint resolution) - app/helpers/, app/assets/ (Rails view helpers, static assets) - enterprise/ (Enterprise edition frontend overlay) - config/vite.json, vite.config.ts, bin/vite (Vite-Rails toolchain) - package.json, pnpm-lock.yaml, tailwind/postcss/eslint configs - Gemfile, Gemfile.lock (vite_rails gem for bin/vite binstub) Excluded Rails backend: controllers, models, services, jobs, mailers, policies, db, lib, spec, public, node_modules. Update references to the new frontend location: - .gitignore: exclude frontend build artifacts (node_modules, tmp, packs), keep frontend/bin/ and frontend/vendor/ via negation - backend/scripts/parity_frontend_smoke.sh: CHATWOOT_DIR default reference/chatwoot -> ../frontend - backend/scripts/parity_frontend_browser_smoke.mjs: same default update - AGENTS.md: add frontend section with Rails/Vite coupling notes - README: architecture tree includes frontend/
94 lines
2.5 KiB
JavaScript
94 lines
2.5 KiB
JavaScript
import axios from 'axios';
|
|
import { uploadExternalImage, uploadFile } from '../uploadHelper';
|
|
|
|
global.axios = axios;
|
|
vi.mock('axios');
|
|
|
|
describe('Upload Helpers', () => {
|
|
afterEach(() => {
|
|
axios.post.mockReset();
|
|
});
|
|
|
|
describe('uploadFile', () => {
|
|
it('should send a POST request with correct data', async () => {
|
|
const mockFile = new File(['dummy content'], 'example.png', {
|
|
type: 'image/png',
|
|
});
|
|
const mockResponse = {
|
|
data: {
|
|
file_url: 'https://example.com/fileUrl',
|
|
blob_key: 'blobKey123',
|
|
blob_id: 'blobId456',
|
|
},
|
|
};
|
|
|
|
axios.post.mockResolvedValueOnce(mockResponse);
|
|
|
|
const result = await uploadFile(mockFile, '1602');
|
|
|
|
expect(axios.post).toHaveBeenCalledWith(
|
|
'/api/v1/accounts/1602/upload',
|
|
expect.any(FormData),
|
|
{ headers: { 'Content-Type': 'multipart/form-data' } }
|
|
);
|
|
|
|
expect(result).toEqual({
|
|
fileUrl: 'https://example.com/fileUrl',
|
|
blobKey: 'blobKey123',
|
|
blobId: 'blobId456',
|
|
});
|
|
});
|
|
|
|
it('should handle errors', async () => {
|
|
const mockFile = new File(['dummy content'], 'example.png', {
|
|
type: 'image/png',
|
|
});
|
|
const mockError = new Error('Failed to upload');
|
|
|
|
axios.post.mockRejectedValueOnce(mockError);
|
|
|
|
await expect(uploadFile(mockFile)).rejects.toThrow('Failed to upload');
|
|
});
|
|
});
|
|
|
|
describe('uploadExternalImage', () => {
|
|
it('should send a POST request with correct data', async () => {
|
|
const mockUrl = 'https://example.com/image.jpg';
|
|
const mockResponse = {
|
|
data: {
|
|
file_url: 'https://example.com/fileUrl',
|
|
blob_key: 'blobKey123',
|
|
blob_id: 'blobId456',
|
|
},
|
|
};
|
|
|
|
axios.post.mockResolvedValueOnce(mockResponse);
|
|
|
|
const result = await uploadExternalImage(mockUrl, '1602');
|
|
|
|
expect(axios.post).toHaveBeenCalledWith(
|
|
'/api/v1/accounts/1602/upload',
|
|
{ external_url: mockUrl },
|
|
{ headers: { 'Content-Type': 'application/json' } }
|
|
);
|
|
|
|
expect(result).toEqual({
|
|
fileUrl: 'https://example.com/fileUrl',
|
|
blobKey: 'blobKey123',
|
|
blobId: 'blobId456',
|
|
});
|
|
});
|
|
|
|
it('should handle errors', async () => {
|
|
const mockUrl = 'https://example.com/image.jpg';
|
|
const mockError = new Error('Failed to upload');
|
|
|
|
axios.post.mockRejectedValueOnce(mockError);
|
|
|
|
await expect(uploadExternalImage(mockUrl)).rejects.toThrow(
|
|
'Failed to upload'
|
|
);
|
|
});
|
|
});
|
|
});
|