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/
114 lines
3.1 KiB
JavaScript
114 lines
3.1 KiB
JavaScript
import {
|
|
formatDate,
|
|
formatUnixDate,
|
|
isTimeAfter,
|
|
generateRelativeTime,
|
|
} from '../DateHelper';
|
|
|
|
describe('#DateHelper', () => {
|
|
it('should format unix date correctly without dateFormat', () => {
|
|
expect(formatUnixDate(1576340626)).toEqual('Dec 14, 2019');
|
|
});
|
|
|
|
it('should format unix date correctly without dateFormat', () => {
|
|
expect(formatUnixDate(1608214031, 'MM/dd/yyyy')).toEqual('12/17/2020');
|
|
});
|
|
|
|
it('should format date', () => {
|
|
expect(
|
|
formatDate({
|
|
date: 'Dec 14, 2019',
|
|
todayText: 'Today',
|
|
yesterdayText: 'Yesterday',
|
|
})
|
|
).toEqual('Dec 14, 2019');
|
|
});
|
|
it('should format date as today ', () => {
|
|
expect(
|
|
formatDate({
|
|
date: new Date(),
|
|
todayText: 'Today',
|
|
yesterdayText: 'Yesterday',
|
|
})
|
|
).toEqual('Today');
|
|
});
|
|
it('should format date as yesterday ', () => {
|
|
const today = new Date();
|
|
const yesterday = new Date(today);
|
|
yesterday.setDate(yesterday.getDate() - 1);
|
|
expect(
|
|
formatDate({
|
|
date: yesterday,
|
|
todayText: 'Today',
|
|
yesterdayText: 'Yesterday',
|
|
})
|
|
).toEqual('Yesterday');
|
|
});
|
|
});
|
|
|
|
describe('#isTimeAfter', () => {
|
|
it('return correct values', () => {
|
|
expect(isTimeAfter(5, 30, 9, 30)).toEqual(false);
|
|
expect(isTimeAfter(9, 30, 9, 30)).toEqual(true);
|
|
expect(isTimeAfter(9, 29, 9, 30)).toEqual(false);
|
|
expect(isTimeAfter(11, 59, 12, 0)).toEqual(false);
|
|
});
|
|
});
|
|
|
|
describe('generateRelativeTime', () => {
|
|
it('should return a string with the relative time', () => {
|
|
const value = 1;
|
|
const unit = 'second';
|
|
const languageCode = 'en-US';
|
|
const expectedResult = 'in 1 second';
|
|
|
|
const actualResult = generateRelativeTime(value, unit, languageCode);
|
|
|
|
expect(actualResult).toBe(expectedResult);
|
|
});
|
|
|
|
it('should return a string with the relative time in a different language', () => {
|
|
const value = 10;
|
|
const unit = 'minute';
|
|
const languageCode = 'de-DE';
|
|
const expectedResult = 'in 10 Minuten';
|
|
|
|
const actualResult = generateRelativeTime(value, unit, languageCode);
|
|
|
|
expect(actualResult).toBe(expectedResult);
|
|
});
|
|
|
|
it('should return a string with the relative time for a different unit', () => {
|
|
const value = 1;
|
|
const unit = 'hour';
|
|
const languageCode = 'en-US';
|
|
const expectedResult = 'in 1 hour';
|
|
|
|
const actualResult = generateRelativeTime(value, unit, languageCode);
|
|
|
|
expect(actualResult).toBe(expectedResult);
|
|
});
|
|
|
|
it('should throw an error if the value is not a number', () => {
|
|
const value = 1;
|
|
const unit = 'day';
|
|
const languageCode = 'en_US';
|
|
const expectedResult = 'tomorrow';
|
|
|
|
const actualResult = generateRelativeTime(value, unit, languageCode);
|
|
|
|
expect(actualResult).toBe(expectedResult);
|
|
});
|
|
|
|
it('should throw an error if the value is not a number', () => {
|
|
const value = 1;
|
|
const unit = 'day';
|
|
const languageCode = 'en-US';
|
|
const expectedResult = 'tomorrow';
|
|
|
|
const actualResult = generateRelativeTime(value, unit, languageCode);
|
|
|
|
expect(actualResult).toBe(expectedResult);
|
|
});
|
|
});
|