GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 23:11:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #17765 from Pepijnk12/date-control-tests

Browse Source 
Date control tests
This commit is contained in:
Norbert de Langen 2022-03-21 15:41:24 +01:00 committed by GitHub
commit 79e098984b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 28 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
lib/components/src/controls/Date.test.ts Normal file
View File

@ -0,0 +1,22 @@
import { parseDate, parseTime, formatDate, formatTime } from './Date';
describe('Date control', () => {
it.each([
// name, input, expected
['same date', '2022-01-01', '2022-01-01'],
['month and day not padded with zeros', '2022-1-1', '2022-01-01'],
['different year', '1900-10-1', '1900-10-01'],
])('parse and format date: %s', (name, input, expected) => {
expect(formatDate(parseDate(input))).toBe(expected);
});
it.each([
// name, input, expected
['same time', '12:00', '12:00'],
['hours not padded with a zero', '1:00', '01:00'],
['minutes not padded with a zero', '01:0', '01:00'],
['different minutes', '01:30', '01:30'],
])('parse and format time: %s', (name, input, expected) => {
expect(formatTime(parseTime(input))).toBe(expected);
});
});

8
lib/components/src/controls/Date.tsx
View File

@ -5,14 +5,14 @@ import { Form } from '../form';
import { ControlProps, DateValue, DateConfig } from './types';
import { getControlId } from './helpers';
const parseDate = (value: string) => {
export const parseDate = (value: string) => {
const [year, month, day] = value.split('-');
const result = new Date();
result.setFullYear(parseInt(year, 10), parseInt(month, 10) - 1, parseInt(day, 10));
return result;
};
const parseTime = (value: string) => {
export const parseTime = (value: string) => {
const [hours, minutes] = value.split(':');
const result = new Date();
result.setHours(parseInt(hours, 10));
@ -20,7 +20,7 @@ const parseTime = (value: string) => {
return result;
};
const formatDate = (value: Date | number) => {
export const formatDate = (value: Date | number) => {
const date = new Date(value);
const year = `000${date.getFullYear()}`.slice(-4);
const month = `0${date.getMonth() + 1}`.slice(-2);
@ -28,7 +28,7 @@ const formatDate = (value: Date | number) => {
return `${year}-${month}-${day}`;
};
const formatTime = (value: Date | number) => {
export const formatTime = (value: Date | number) => {
const date = new Date(value);
const hours = `0${date.getHours()}`.slice(-2);
const minutes = `0${date.getMinutes()}`.slice(-2);

4
lib/components/src/controls/helpers.test.ts
View File

@ -6,7 +6,7 @@ describe('getControlId', () => {
['lower case', 'some-id', 'control-some-id'],
['upper case', 'SOME-ID', 'control-SOME-ID'],
['all valid characters', 'some_weird-:custom.id', 'control-some_weird-:custom.id'],
])('%s', (a, input, expected) => {
])('%s', (name, input, expected) => {
expect(getControlId(input)).toBe(expected);
});
});
@ -17,7 +17,7 @@ describe('getControlSetterButtonId', () => {
['lower case', 'some-id', 'set-some-id'],
['upper case', 'SOME-ID', 'set-SOME-ID'],
['all valid characters', 'some_weird-:custom.id', 'set-some_weird-:custom.id'],
])('%s', (a, input, expected) => {
])('%s', (name, input, expected) => {
expect(getControlSetterButtonId(input)).toBe(expected);
});
});