FitTrackee/fittrackee_client/tests/unit/utils/statistics.spec.ts

1862 lines
47 KiB
TypeScript
Raw Normal View History

2023-11-11 17:12:20 +01:00
import { describe, it, expect } from 'vitest'
2021-09-25 11:28:40 +02:00
import { sports } from './fixtures'
2022-11-01 18:12:42 +01:00
import createI18n from '@/i18n'
import {
IStatisticsChartData,
TStatisticsDatasets,
TStatisticsFromApi,
} from '@/types/statistics'
import {
formatStats,
getDateKeys,
getDatasets,
getStatsDateParams,
updateChartParams,
} from '@/utils/statistics'
2022-11-01 18:12:42 +01:00
const { locale } = createI18n.global
describe('getDateKeys (week starting Sunday)', () => {
const testsParams = [
{
description: 'returns date keys for "week" duration',
inputParams: {
duration: 'week',
start: new Date('August 01, 2021 00:00:00'),
end: new Date('August 31, 2021 23:59:59.999'),
},
inputWeekStartingMonday: false,
expected: [
'August 1, 2021 00:00:00',
'August 8, 2021 00:00:00',
'August 15, 2021 00:00:00',
'August 22, 2021 00:00:00',
'August 29, 2021 00:00:00',
],
},
{
description: 'returns date keys for "month" duration',
inputParams: {
duration: 'month',
start: new Date('September 01, 2020 00:00:00'),
end: new Date('August 31, 2021 23:59:59.999'),
},
inputWeekStartingMonday: false,
expected: [
'September 1, 2020 00:00:00',
'October 1, 2020 00:00:00',
'November 1, 2020 00:00:00',
'December 1, 2020 00:00:00',
'January 1, 2021 00:00:00',
'February 1, 2021 00:00:00',
'March 1, 2021 00:00:00',
'April 1, 2021 00:00:00',
'May 1, 2021 00:00:00',
'June 1, 2021 00:00:00',
'July 1, 2021 00:00:00',
'August 1, 2021 00:00:00',
],
},
{
description: 'returns date keys for "month" duration',
inputParams: {
duration: 'year',
start: new Date('January 1, 2012 00:00:00'),
end: new Date('December 31, 2021 23:59:59.999'),
},
inputWeekStartingMonday: false,
expected: [
'January 1, 2012 00:00:00',
'January 1, 2013 00:00:00',
'January 1, 2014 00:00:00',
'January 1, 2015 00:00:00',
'January 1, 2016 00:00:00',
'January 1, 2017 00:00:00',
'January 1, 2018 00:00:00',
'January 1, 2019 00:00:00',
'January 1, 2020 00:00:00',
'January 1, 2021 00:00:00',
],
},
]
testsParams.map((testParams) =>
it(testParams.description, () => {
const expected: Date[] = testParams.expected.map(
(date_string: string) => new Date(date_string)
)
2023-11-11 17:12:20 +01:00
expect(getDateKeys(testParams.inputParams, false)).toStrictEqual(expected)
})
)
})
describe('getDateKeys (week starting Monday)', () => {
const testsParams = [
{
description: 'returns date keys for "week" duration',
inputParams: {
duration: 'week',
start: new Date('August 01, 2021 00:00:00'),
end: new Date('August 31, 2021 23:59:59.999'),
},
inputWeekStartingMonday: false,
expected: [
'July 26, 2021 00:00:00',
'August 2, 2021 00:00:00',
'August 9, 2021 00:00:00',
'August 16, 2021 00:00:00',
'August 23, 2021 00:00:00',
'August 30, 2021 00:00:00',
],
},
{
description: 'returns date keys for "month" duration',
inputParams: {
duration: 'month',
start: new Date('September 01, 2020 00:00:00'),
end: new Date('August 31, 2021 23:59:59.999'),
},
inputWeekStartingMonday: false,
expected: [
'September 1, 2020 00:00:00',
'October 1, 2020 00:00:00',
'November 1, 2020 00:00:00',
'December 1, 2020 00:00:00',
'January 1, 2021 00:00:00',
'February 1, 2021 00:00:00',
'March 1, 2021 00:00:00',
'April 1, 2021 00:00:00',
'May 1, 2021 00:00:00',
'June 1, 2021 00:00:00',
'July 1, 2021 00:00:00',
'August 1, 2021 00:00:00',
],
},
{
description: 'returns date keys for "month" duration',
inputParams: {
duration: 'year',
start: new Date('January 1, 2012 00:00:00'),
end: new Date('December 31, 2021 23:59:59.999'),
},
inputWeekStartingMonday: false,
expected: [
'January 1, 2012 00:00:00',
'January 1, 2013 00:00:00',
'January 1, 2014 00:00:00',
'January 1, 2015 00:00:00',
'January 1, 2016 00:00:00',
'January 1, 2017 00:00:00',
'January 1, 2018 00:00:00',
'January 1, 2019 00:00:00',
'January 1, 2020 00:00:00',
'January 1, 2021 00:00:00',
],
},
]
testsParams.map((testParams) =>
it(testParams.description, () => {
const expected: Date[] = testParams.expected.map(
(date_string: string) => new Date(date_string)
)
2023-11-11 17:12:20 +01:00
expect(getDateKeys(testParams.inputParams, true)).toStrictEqual(expected)
})
)
})
describe('getDatasets', () => {
it('returns chart datasets (when no displayed data provided)', () => {
const expected: TStatisticsDatasets = {
average_speed: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
borderColor: ['#4c9792'],
data: [],
type: 'line',
spanGaps: true,
},
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
borderColor: ['#000000'],
data: [],
type: 'line',
spanGaps: true,
},
{
label: 'Hiking',
backgroundColor: ['#bb757c'],
borderColor: ['#bb757c'],
data: [],
type: 'line',
spanGaps: true,
},
],
nb_workouts: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [],
type: 'bar',
},
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
data: [],
type: 'bar',
},
{
label: 'Hiking',
backgroundColor: ['#bb757c'],
data: [],
type: 'bar',
},
],
total_distance: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [],
type: 'bar',
},
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
data: [],
type: 'bar',
},
{
label: 'Hiking',
backgroundColor: ['#bb757c'],
data: [],
type: 'bar',
},
],
total_duration: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [],
type: 'bar',
},
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
data: [],
type: 'bar',
},
{
label: 'Hiking',
backgroundColor: ['#bb757c'],
data: [],
type: 'bar',
},
],
total_ascent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [],
type: 'bar',
},
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
data: [],
type: 'bar',
},
{
label: 'Hiking',
backgroundColor: ['#bb757c'],
data: [],
type: 'bar',
},
],
total_descent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [],
type: 'bar',
},
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
data: [],
type: 'bar',
},
{
label: 'Hiking',
backgroundColor: ['#bb757c'],
data: [],
type: 'bar',
},
],
}
2023-11-11 17:12:20 +01:00
expect(getDatasets(sports)).toStrictEqual(expected)
})
2023-11-11 17:12:20 +01:00
it('returns chart datasets with only displayed sports', () => {
const expected: TStatisticsDatasets = {
average_speed: [
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
borderColor: ['#000000'],
data: [],
type: 'line',
spanGaps: true,
},
],
nb_workouts: [
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
data: [],
type: 'bar',
},
],
total_distance: [
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
data: [],
type: 'bar',
},
],
total_duration: [
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
data: [],
type: 'bar',
},
],
total_ascent: [
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
data: [],
type: 'bar',
},
],
total_descent: [
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
data: [],
type: 'bar',
},
],
}
2023-11-11 17:12:20 +01:00
expect(getDatasets([sports[1]])).toStrictEqual(expected)
})
})
describe('formatStats', () => {
it('returns empty datasets if no data and no displayed sport provided', () => {
const inputStats: TStatisticsFromApi = {}
const inputParams = {
duration: 'month',
start: new Date('May 1, 2021 00:00:00'),
end: new Date('July 31, 2021 23:59:59.999'),
}
const expected: IStatisticsChartData = {
2021-10-04 15:37:22 +02:00
labels: ['05/2021', '06/2021', '07/2021'],
datasets: {
average_speed: [],
2021-10-03 19:23:17 +02:00
nb_workouts: [],
total_distance: [],
total_duration: [],
total_ascent: [],
total_descent: [],
},
}
2023-11-11 17:12:20 +01:00
expect(
2022-11-01 18:12:42 +01:00
formatStats(
inputParams,
false,
sports,
[],
inputStats,
false,
'MM/dd/yyyy'
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(expected)
})
it('returns empty datasets if no data and displayed sport provided', () => {
const inputStats: TStatisticsFromApi = {}
const inputParams = {
duration: 'month',
start: new Date('May 1, 2021 00:00:00'),
end: new Date('July 31, 2021 23:59:59.999'),
}
const expected: IStatisticsChartData = {
2021-10-04 15:37:22 +02:00
labels: ['05/2021', '06/2021', '07/2021'],
datasets: {
average_speed: [
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
borderColor: ['#000000'],
data: [null, null, null],
type: 'line',
spanGaps: true,
},
],
nb_workouts: [
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
2021-09-04 19:40:27 +02:00
data: [0, 0, 0],
type: 'bar',
},
],
total_distance: [
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
2021-09-04 19:40:27 +02:00
data: [0, 0, 0],
type: 'bar',
},
],
total_duration: [
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
2021-09-04 19:40:27 +02:00
data: [0, 0, 0],
type: 'bar',
},
],
total_ascent: [
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
data: [0, 0, 0],
type: 'bar',
},
],
total_descent: [
{
label: 'Cycling (Transport)',
backgroundColor: ['#000000'],
data: [0, 0, 0],
type: 'bar',
},
],
},
}
2023-11-11 17:12:20 +01:00
expect(
2022-11-01 18:12:42 +01:00
formatStats(
inputParams,
false,
sports,
[2],
inputStats,
false,
'MM/dd/yyyy'
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(expected)
})
2021-10-03 19:23:17 +02:00
it('returns empty datasets if data provided but no displayed sport', () => {
const inputStats: TStatisticsFromApi = {
'2021-05': {
1: {
average_speed: 12,
nb_workouts: 1,
total_distance: 10,
total_duration: 3000,
total_ascent: 150,
total_descent: 100,
},
},
'2021-06': {
1: {
average_speed: 18,
nb_workouts: 1,
total_distance: 15,
total_duration: 3500,
total_ascent: 250,
total_descent: 150,
},
2: {
average_speed: 24,
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 150,
total_descent: 200,
},
},
'2021-07': {
3: {
average_speed: 8.64,
nb_workouts: 2,
total_distance: 12,
total_duration: 5000,
total_ascent: 100,
total_descent: 100,
},
},
}
const inputParams = {
duration: 'month',
start: new Date('May 1, 2021 00:00:00'),
end: new Date('July 31, 2021 23:59:59.999'),
}
const expected: IStatisticsChartData = {
2021-10-04 15:37:22 +02:00
labels: ['05/2021', '06/2021', '07/2021'],
datasets: {
average_speed: [],
2021-10-03 19:23:17 +02:00
nb_workouts: [],
total_distance: [],
total_duration: [],
total_ascent: [],
total_descent: [],
},
}
2023-11-11 17:12:20 +01:00
expect(
2022-11-01 18:12:42 +01:00
formatStats(
inputParams,
false,
sports,
[],
inputStats,
false,
'MM/dd/yyyy'
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(expected)
})
2021-10-04 15:37:22 +02:00
it('returns datasets when data and displayed sport provided', () => {
const inputStats: TStatisticsFromApi = {
'2021-05': {
1: {
average_speed: 12,
nb_workouts: 1,
total_distance: 10,
total_duration: 3000,
total_ascent: 150,
total_descent: 100,
},
},
'2021-06': {
1: {
average_speed: 18,
nb_workouts: 1,
total_distance: 15,
total_duration: 3500,
total_ascent: 250,
total_descent: 150,
},
2: {
average_speed: 24,
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 150,
total_descent: 200,
},
},
'2021-07': {
3: {
average_speed: 8.64,
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 100,
total_descent: 100,
},
},
}
const inputParams = {
duration: 'month',
start: new Date('May 1, 2021 00:00:00'),
end: new Date('July 31, 2021 23:59:59.999'),
}
const expected: IStatisticsChartData = {
2021-10-04 15:37:22 +02:00
labels: ['05/2021', '06/2021', '07/2021'],
datasets: {
average_speed: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
borderColor: ['#4c9792'],
data: [12, 18, null],
type: 'line',
spanGaps: true,
},
],
nb_workouts: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
2021-09-04 19:40:27 +02:00
data: [1, 1, 0],
type: 'bar',
},
],
total_distance: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
2021-09-04 19:40:27 +02:00
data: [10, 15, 0],
type: 'bar',
},
],
total_duration: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
2021-09-04 19:40:27 +02:00
data: [3000, 3500, 0],
type: 'bar',
},
],
total_ascent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [150, 250, 0],
type: 'bar',
},
],
total_descent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [100, 150, 0],
type: 'bar',
},
],
},
}
2023-11-11 17:12:20 +01:00
expect(
2022-11-01 18:12:42 +01:00
formatStats(
inputParams,
false,
sports,
[1],
inputStats,
false,
'MM/dd/yyyy'
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(expected)
})
})
2021-10-04 15:37:22 +02:00
describe('formatStats (duration)', () => {
it("returns datasets when duration is 'year'", () => {
const inputStats: TStatisticsFromApi = {
'2020': {
1: {
average_speed: 12,
2021-10-04 15:37:22 +02:00
nb_workouts: 1,
total_distance: 10,
total_duration: 3000,
total_ascent: 150,
total_descent: 100,
2021-10-04 15:37:22 +02:00
},
},
'2021': {
1: {
average_speed: 18,
2021-10-04 15:37:22 +02:00
nb_workouts: 1,
total_distance: 15,
total_duration: 3500,
total_ascent: 250,
total_descent: 150,
2021-10-04 15:37:22 +02:00
},
2: {
average_speed: 14,
2021-10-04 15:37:22 +02:00
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 150,
total_descent: 200,
2021-10-04 15:37:22 +02:00
},
},
'2022': {
3: {
average_speed: 14,
2021-10-04 15:37:22 +02:00
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 100,
total_descent: 100,
2021-10-04 15:37:22 +02:00
},
},
}
const inputParams = {
duration: 'year',
start: new Date('January 1, 2020 00:00:00'),
end: new Date('December 31, 2021 23:59:59.999'),
}
const expected: IStatisticsChartData = {
labels: ['2020', '2021'],
datasets: {
average_speed: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
borderColor: ['#4c9792'],
data: [12, 18],
type: 'line',
spanGaps: true,
},
],
2021-10-04 15:37:22 +02:00
nb_workouts: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [1, 1],
type: 'bar',
2021-10-04 15:37:22 +02:00
},
],
total_distance: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [10, 15],
type: 'bar',
2021-10-04 15:37:22 +02:00
},
],
total_duration: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [3000, 3500],
type: 'bar',
2021-10-04 15:37:22 +02:00
},
],
total_ascent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [150, 250],
type: 'bar',
},
],
total_descent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [100, 150],
type: 'bar',
},
],
2021-10-04 15:37:22 +02:00
},
}
2023-11-11 17:12:20 +01:00
expect(
2022-11-01 18:12:42 +01:00
formatStats(
inputParams,
false,
sports,
[1],
inputStats,
false,
'MM/dd/yyyy'
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(expected)
2021-10-04 15:37:22 +02:00
})
2022-11-01 18:12:42 +01:00
it("returns datasets when duration is 'month'", () => {
2021-10-04 15:37:22 +02:00
const inputStats: TStatisticsFromApi = {
2022-11-01 18:12:42 +01:00
'2021-10': {
2021-10-04 15:37:22 +02:00
1: {
average_speed: 12,
2021-10-04 15:37:22 +02:00
nb_workouts: 1,
total_distance: 10,
total_duration: 3000,
total_ascent: 150,
total_descent: 100,
2021-10-04 15:37:22 +02:00
},
},
2022-11-01 18:12:42 +01:00
'2021-11': {
2021-10-04 15:37:22 +02:00
1: {
average_speed: 18,
2021-10-04 15:37:22 +02:00
nb_workouts: 1,
total_distance: 15,
total_duration: 3500,
total_ascent: 250,
total_descent: 150,
2021-10-04 15:37:22 +02:00
},
2: {
average_speed: 24,
2021-10-04 15:37:22 +02:00
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 150,
total_descent: 200,
2021-10-04 15:37:22 +02:00
},
},
2022-11-01 18:12:42 +01:00
'2021-12': {
2021-10-04 15:37:22 +02:00
3: {
average_speed: 8.64,
2021-10-04 15:37:22 +02:00
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 100,
total_descent: 100,
2021-10-04 15:37:22 +02:00
},
},
}
const inputParams = {
2022-11-01 18:12:42 +01:00
duration: 'month',
start: new Date('October 1, 2021 00:00:00'),
2021-10-04 15:37:22 +02:00
end: new Date('December 31, 2021 23:59:59.999'),
}
const expected: IStatisticsChartData = {
2022-11-01 18:12:42 +01:00
labels: ['10/2021', '11/2021', '12/2021'],
2021-10-04 15:37:22 +02:00
datasets: {
average_speed: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
borderColor: ['#4c9792'],
2022-11-01 18:12:42 +01:00
data: [12, 18, null],
type: 'line',
spanGaps: true,
},
],
2021-10-04 15:37:22 +02:00
nb_workouts: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
2022-11-01 18:12:42 +01:00
data: [1, 1, 0],
type: 'bar',
2021-10-04 15:37:22 +02:00
},
],
total_distance: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
2022-11-01 18:12:42 +01:00
data: [10, 15, 0],
type: 'bar',
2021-10-04 15:37:22 +02:00
},
],
total_duration: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
2022-11-01 18:12:42 +01:00
data: [3000, 3500, 0],
type: 'bar',
2021-10-04 15:37:22 +02:00
},
],
total_ascent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
2022-11-01 18:12:42 +01:00
data: [150, 250, 0],
type: 'bar',
},
],
total_descent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
2022-11-01 18:12:42 +01:00
data: [100, 150, 0],
type: 'bar',
},
],
2021-10-04 15:37:22 +02:00
},
}
2023-11-11 17:12:20 +01:00
expect(
2022-11-01 18:12:42 +01:00
formatStats(
inputParams,
false,
sports,
[1],
inputStats,
false,
'MM/dd/yyyy'
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(expected)
2021-10-04 15:37:22 +02:00
})
it("returns datasets when duration is 'week' and week starts on Sunday", () => {
const inputStats: TStatisticsFromApi = {
'2021-10-03': {
1: {
average_speed: 12,
2021-10-04 15:37:22 +02:00
nb_workouts: 1,
total_distance: 10,
total_duration: 3000,
total_ascent: 150,
total_descent: 100,
2021-10-04 15:37:22 +02:00
},
},
'2021-10-10': {
1: {
average_speed: 18,
2021-10-04 15:37:22 +02:00
nb_workouts: 1,
total_distance: 15,
total_duration: 3500,
total_ascent: 250,
total_descent: 150,
2021-10-04 15:37:22 +02:00
},
2: {
average_speed: 24,
2021-10-04 15:37:22 +02:00
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 150,
total_descent: 200,
2021-10-04 15:37:22 +02:00
},
},
'2021-10-17': {
3: {
average_speed: 8.64,
2021-10-04 15:37:22 +02:00
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 100,
total_descent: 100,
2021-10-04 15:37:22 +02:00
},
},
}
const inputParams = {
duration: 'week',
start: new Date('October 03, 2021 00:00:00'),
end: new Date('October 23, 2021 23:59:59.999'),
}
const expected: IStatisticsChartData = {
2022-11-01 18:12:42 +01:00
labels: ['10/03/2021', '10/10/2021', '10/17/2021'],
2021-10-04 15:37:22 +02:00
datasets: {
average_speed: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
borderColor: ['#4c9792'],
data: [12, 18, null],
type: 'line',
spanGaps: true,
},
],
2021-10-04 15:37:22 +02:00
nb_workouts: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [1, 1, 0],
type: 'bar',
2021-10-04 15:37:22 +02:00
},
],
total_distance: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [10, 15, 0],
type: 'bar',
2021-10-04 15:37:22 +02:00
},
],
total_duration: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [3000, 3500, 0],
type: 'bar',
2021-10-04 15:37:22 +02:00
},
],
total_ascent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [150, 250, 0],
type: 'bar',
},
],
total_descent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [100, 150, 0],
type: 'bar',
},
],
2021-10-04 15:37:22 +02:00
},
}
2023-11-11 17:12:20 +01:00
expect(
2022-11-01 18:12:42 +01:00
formatStats(
inputParams,
false,
sports,
[1],
inputStats,
false,
'MM/dd/yyyy'
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(expected)
2021-10-04 15:37:22 +02:00
})
it("returns datasets when duration is 'week' and week starts on Monday", () => {
const inputStats: TStatisticsFromApi = {
'2021-10-04': {
1: {
average_speed: 12,
2021-10-04 15:37:22 +02:00
nb_workouts: 1,
total_distance: 10,
total_duration: 3000,
total_ascent: 150,
total_descent: 100,
2021-10-04 15:37:22 +02:00
},
},
'2021-10-11': {
1: {
average_speed: 18,
2021-10-04 15:37:22 +02:00
nb_workouts: 1,
total_distance: 15,
total_duration: 3500,
total_ascent: 250,
total_descent: 150,
2021-10-04 15:37:22 +02:00
},
2: {
average_speed: 24,
2021-10-04 15:37:22 +02:00
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 150,
total_descent: 200,
2021-10-04 15:37:22 +02:00
},
},
'2021-10-18': {
3: {
average_speed: 8.64,
2021-10-04 15:37:22 +02:00
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 100,
total_descent: 100,
2021-10-04 15:37:22 +02:00
},
},
}
const inputParams = {
duration: 'week',
start: new Date('October 04, 2021 00:00:00'),
end: new Date('October 24, 2021 23:59:59.999'),
}
const expected: IStatisticsChartData = {
2022-11-01 18:12:42 +01:00
labels: ['10/04/2021', '10/11/2021', '10/18/2021'],
2021-10-04 15:37:22 +02:00
datasets: {
average_speed: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
borderColor: ['#4c9792'],
data: [12, 18, null],
type: 'line',
spanGaps: true,
},
],
2021-10-04 15:37:22 +02:00
nb_workouts: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [1, 1, 0],
type: 'bar',
2021-10-04 15:37:22 +02:00
},
],
total_distance: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [10, 15, 0],
type: 'bar',
2021-10-04 15:37:22 +02:00
},
],
total_duration: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [3000, 3500, 0],
type: 'bar',
2021-10-04 15:37:22 +02:00
},
],
total_ascent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [150, 250, 0],
type: 'bar',
},
],
total_descent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [100, 150, 0],
type: 'bar',
},
],
2021-10-04 15:37:22 +02:00
},
}
2023-11-11 17:12:20 +01:00
expect(
2022-11-01 18:12:42 +01:00
formatStats(
inputParams,
true,
sports,
[1],
inputStats,
false,
'MM/dd/yyyy'
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(expected)
})
2022-11-01 18:12:42 +01:00
it("returns datasets when duration is 'week' and date format 'dd/MM/yyyy'", () => {
const inputStats: TStatisticsFromApi = {
'2021-10-03': {
1: {
average_speed: 12,
nb_workouts: 1,
total_distance: 10,
total_duration: 3000,
total_ascent: 150,
total_descent: 100,
},
},
'2021-10-10': {
1: {
average_speed: 18,
nb_workouts: 1,
total_distance: 15,
total_duration: 3500,
total_ascent: 250,
total_descent: 150,
},
2: {
average_speed: 24,
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 150,
total_descent: 200,
},
},
'2021-10-17': {
3: {
average_speed: 8.64,
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 100,
total_descent: 100,
},
},
}
const inputParams = {
duration: 'week',
start: new Date('October 03, 2021 00:00:00'),
end: new Date('October 23, 2021 23:59:59.999'),
}
const expected: IStatisticsChartData = {
labels: ['03/10/2021', '10/10/2021', '17/10/2021'],
2022-11-01 18:12:42 +01:00
datasets: {
average_speed: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
borderColor: ['#4c9792'],
data: [12, 18, null],
type: 'line',
spanGaps: true,
},
],
nb_workouts: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [1, 1, 0],
type: 'bar',
2022-11-01 18:12:42 +01:00
},
],
total_distance: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [10, 15, 0],
type: 'bar',
2022-11-01 18:12:42 +01:00
},
],
total_duration: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [3000, 3500, 0],
type: 'bar',
2022-11-01 18:12:42 +01:00
},
],
total_ascent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [150, 250, 0],
type: 'bar',
2022-11-01 18:12:42 +01:00
},
],
total_descent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [100, 150, 0],
type: 'bar',
2022-11-01 18:12:42 +01:00
},
],
},
}
2023-11-11 17:12:20 +01:00
expect(
2022-11-01 18:12:42 +01:00
formatStats(
inputParams,
false,
sports,
[1],
inputStats,
false,
'dd/MM/yyyy'
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(expected)
2022-11-01 18:12:42 +01:00
})
it("returns datasets when duration is 'week' and date format is 'date_string'", () => {
locale.value = 'fr'
const inputStats: TStatisticsFromApi = {
'2021-10-03': {
1: {
average_speed: 12,
nb_workouts: 1,
total_distance: 10,
total_duration: 3000,
total_ascent: 150,
total_descent: 100,
},
},
'2021-10-10': {
1: {
average_speed: 18,
nb_workouts: 1,
total_distance: 15,
total_duration: 3500,
total_ascent: 250,
total_descent: 150,
},
2: {
average_speed: 24,
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 150,
total_descent: 200,
},
},
'2021-10-17': {
3: {
average_speed: 8.64,
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 100,
total_descent: 100,
},
},
}
const inputParams = {
duration: 'week',
start: new Date('October 03, 2021 00:00:00'),
end: new Date('October 23, 2021 23:59:59.999'),
}
const expected: IStatisticsChartData = {
labels: ['3 oct. 2021', '10 oct. 2021', '17 oct. 2021'],
datasets: {
average_speed: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
borderColor: ['#4c9792'],
data: [12, 18, null],
type: 'line',
spanGaps: true,
},
],
nb_workouts: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [1, 1, 0],
type: 'bar',
2022-11-01 18:12:42 +01:00
},
],
total_distance: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [10, 15, 0],
type: 'bar',
2022-11-01 18:12:42 +01:00
},
],
total_duration: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [3000, 3500, 0],
type: 'bar',
2022-11-01 18:12:42 +01:00
},
],
total_ascent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [150, 250, 0],
type: 'bar',
2022-11-01 18:12:42 +01:00
},
],
total_descent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [100, 150, 0],
type: 'bar',
2022-11-01 18:12:42 +01:00
},
],
},
}
2023-11-11 17:12:20 +01:00
expect(
2022-11-01 18:12:42 +01:00
formatStats(
inputParams,
false,
sports,
[1],
inputStats,
false,
'date_string'
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(expected)
2022-11-01 18:12:42 +01:00
})
it('returns datasets after conversion to imperial units', () => {
const inputStats: TStatisticsFromApi = {
'2021-10-03': {
1: {
average_speed: 12,
nb_workouts: 1,
total_distance: 10,
total_duration: 3000,
total_ascent: 150,
total_descent: 100,
},
},
'2021-10-10': {
1: {
average_speed: 18,
nb_workouts: 1,
total_distance: 15,
total_duration: 3500,
total_ascent: 250,
total_descent: 150,
},
2: {
average_speed: 24,
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 150,
total_descent: 200,
},
},
'2021-10-17': {
3: {
average_speed: 8.64,
nb_workouts: 2,
total_distance: 20,
total_duration: 3000,
total_ascent: 100,
total_descent: 100,
},
},
}
const inputParams = {
duration: 'week',
start: new Date('October 03, 2021 00:00:00'),
end: new Date('October 23, 2021 23:59:59.999'),
}
const expected: IStatisticsChartData = {
labels: ['10/03/2021', '10/10/2021', '10/17/2021'],
datasets: {
average_speed: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
borderColor: ['#4c9792'],
data: [7.46, 11.18, null],
type: 'line',
spanGaps: true,
},
],
nb_workouts: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [1, 1, 0],
type: 'bar',
},
],
total_distance: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [6.21, 9.32, 0],
type: 'bar',
},
],
total_duration: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [3000, 3500, 0],
type: 'bar',
},
],
total_ascent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [492.13, 820.21, 0],
type: 'bar',
},
],
total_descent: [
{
label: 'Cycling (Sport)',
backgroundColor: ['#4c9792'],
data: [328.08, 492.13, 0],
type: 'bar',
},
],
},
}
2023-11-11 17:12:20 +01:00
expect(
2022-11-01 18:12:42 +01:00
formatStats(
inputParams,
false,
sports,
[1],
inputStats,
true,
'MM/dd/yyyy'
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(expected)
2021-10-04 15:37:22 +02:00
})
})
describe("getStatsDateParams when time frame is 'month')", () => {
const weekStartingMonday = [false, true]
weekStartingMonday.map((weekStartingMonday) => {
const testsParams = [
{
description: 'it returns date params when input date is 04/10/2021',
input: {
date: new Date('October 04, 2021 11:00:00'),
},
expected: {
duration: 'month',
start: new Date('November 01, 2020 00:00:00'),
end: new Date('October 31, 2021 23:59:59.999'),
},
},
{
description: 'it returns date params when input date is 03/02/2020',
input: {
date: new Date('February 03, 2020 23:30:00'),
},
expected: {
duration: 'month',
start: new Date('March 01, 2019 00:00:00'),
end: new Date('February 29, 2020 23:59:59.999'),
},
},
]
testsParams.map((testParams) => {
it(testParams.description, () => {
2023-11-11 17:12:20 +01:00
expect(
getStatsDateParams(testParams.input.date, 'month', weekStartingMonday)
).toStrictEqual(testParams.expected)
})
})
})
})
describe("getStatsDateParams when time frame is 'year')", () => {
const weekStartingMonday = [false, true]
weekStartingMonday.map((weekStartingMonday) => {
const testsParams = [
{
description: 'it returns date params when input date is 04/10/2021',
input: {
date: new Date('October 04, 2021 11:00:00'),
},
expected: {
duration: 'year',
start: new Date('January 01, 2012 00:00:00'),
end: new Date('December 31, 2021 23:59:59.999'),
},
},
{
description: 'it returns date params when input date is 03/02/2020',
input: {
date: new Date('February 03, 2020 23:30:00'),
},
expected: {
duration: 'year',
start: new Date('January 01, 2011 00:00:00'),
end: new Date('December 31, 2020 23:59:59.999'),
},
},
]
testsParams.map((testParams) => {
it(testParams.description, () => {
2023-11-11 17:12:20 +01:00
expect(
getStatsDateParams(testParams.input.date, 'year', weekStartingMonday)
).toStrictEqual(testParams.expected)
})
})
})
})
describe("getStatsDateParams when time frame is 'week')", () => {
const testsParams = [
{
description:
'it returns date params when input date is 04/10/2021, when week start on Sunday',
input: {
date: new Date('October 04, 2021 11:00:00'),
weekStartingMonday: false,
},
expected: {
duration: 'week',
start: new Date('August 01, 2021 00:00:00'),
end: new Date('October 09, 2021 23:59:59.999'),
},
},
{
description:
'it returns date params when input date is 03/02/2020, when week start on Sunday',
input: {
date: new Date('February 03, 2020 23:30:00'),
weekStartingMonday: false,
},
expected: {
duration: 'week',
start: new Date('December 01, 2019 00:00:00'),
end: new Date('February 08, 2020 23:59:59.999'),
},
},
{
description:
'it returns date params when input date is 04/10/2021, when week start on Monday',
input: {
date: new Date('October 04, 2021 11:00:00'),
weekStartingMonday: true,
},
expected: {
duration: 'week',
start: new Date('August 02, 2021 00:00:00'),
end: new Date('October 10, 2021 23:59:59.999'),
},
},
{
description:
'it returns date params when input date is 03/02/2020, when week start on Monday',
input: {
date: new Date('February 03, 2020 23:30:00'),
weekStartingMonday: true,
},
expected: {
duration: 'week',
start: new Date('December 02, 2019 00:00:00'),
end: new Date('February 09, 2020 23:59:59.999'),
},
},
]
testsParams.map((testParams) => {
it(testParams.description, () => {
2023-11-11 17:12:20 +01:00
expect(
getStatsDateParams(
testParams.input.date,
'week',
testParams.input.weekStartingMonday
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(testParams.expected)
})
})
})
describe("updateChartParams when time frame is 'month')", () => {
const weekStartingMonday = [false, true]
weekStartingMonday.map((weekStartingMonday) => {
const testsParams = [
{
description:
'it return forward date params when start date is 01/11/2020',
input: {
chartParams: {
duration: 'month',
start: new Date('November 01, 2020 00:00:00'),
end: new Date('October 31, 2021 23:59:59.999'),
},
backward: false,
},
expected: {
duration: 'month',
start: new Date('December 01, 2020 00:00:00'),
end: new Date('November 30, 2021 23:59:59.999'),
},
},
{
description:
'it return forward date params when start date is 01/02/2019',
input: {
chartParams: {
duration: 'month',
start: new Date('February 01, 2019 00:00:00'),
end: new Date('January 31, 2020 23:59:59.999'),
},
backward: false,
},
expected: {
duration: 'month',
start: new Date('March 01, 2019 00:00:00'),
end: new Date('February 29, 2020 23:59:59.999'),
},
},
{
description:
'it return backward date params when input date is 01/12/2020',
input: {
chartParams: {
duration: 'month',
start: new Date('December 01, 2020 00:00:00'),
end: new Date('November 30, 2021 23:59:59.999'),
},
backward: true,
},
expected: {
duration: 'month',
start: new Date('November 01, 2020 00:00:00'),
end: new Date('October 31, 2021 23:59:59.999'),
},
},
{
description:
'it return backward date params when input date is 01/03/2019',
input: {
chartParams: {
duration: 'month',
start: new Date('March 01, 2019 00:00:00'),
end: new Date('February 29, 2020 23:59:59.999'),
},
backward: true,
},
expected: {
duration: 'month',
start: new Date('February 01, 2019 00:00:00'),
end: new Date('January 31, 2020 23:59:59.999'),
},
},
]
testsParams.map((testParams) => {
it(testParams.description, () => {
2023-11-11 17:12:20 +01:00
expect(
updateChartParams(
testParams.input.chartParams,
testParams.input.backward,
weekStartingMonday
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(testParams.expected)
})
})
})
})
describe("updateChartParams when time frame is 'year')", () => {
const weekStartingMonday = [false, true]
weekStartingMonday.map((weekStartingMonday) => {
const testsParams = [
{
description: 'it returns date params when start date is 01/10/2012',
input: {
chartParams: {
duration: 'year',
start: new Date('January 01, 2012 00:00:00'),
end: new Date('December 31, 2021 23:59:59.999'),
},
backward: false,
},
expected: {
duration: 'year',
start: new Date('January 01, 2013 00:00:00'),
end: new Date('December 31, 2022 23:59:59.999'),
},
},
{
description: 'it returns date params when input date is 01/01/2011',
input: {
chartParams: {
duration: 'year',
start: new Date('January 01, 2011 00:00:00'),
end: new Date('December 31, 2020 23:59:59.999'),
},
backward: false,
},
expected: {
duration: 'year',
start: new Date('January 01, 2012 00:00:00'),
end: new Date('December 31, 2021 23:59:59.999'),
},
},
{
description: 'it returns date params when start date is 01/10/2013',
input: {
chartParams: {
duration: 'year',
start: new Date('January 01, 2013 00:00:00'),
end: new Date('December 31, 2022 23:59:59.999'),
},
backward: true,
},
expected: {
duration: 'year',
start: new Date('January 01, 2012 00:00:00'),
end: new Date('December 31, 2021 23:59:59.999'),
},
},
{
description: 'it returns date params when input date is 01/01/2012',
input: {
chartParams: {
duration: 'year',
start: new Date('January 01, 2012 00:00:00'),
end: new Date('December 31, 2021 23:59:59.999'),
},
backward: true,
},
expected: {
duration: 'year',
start: new Date('January 01, 2011 00:00:00'),
end: new Date('December 31, 2020 23:59:59.999'),
},
},
]
testsParams.map((testParams) => {
it(testParams.description, () => {
2023-11-11 17:12:20 +01:00
expect(
updateChartParams(
testParams.input.chartParams,
testParams.input.backward,
weekStartingMonday
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(testParams.expected)
})
})
})
})
describe("updateChartParams when time frame is 'week')", () => {
const testsParams = [
{
description:
'it returns forward date params when start date is 01/09/2021 and week starts on Sunday',
input: {
chartParams: {
duration: 'week',
start: new Date('August 01, 2021 00:00:00'),
end: new Date('October 09, 2021 23:59:59.999'),
},
backward: false,
weekStartingMonday: false,
},
expected: {
duration: 'week',
start: new Date('August 08, 2021 00:00:00'),
end: new Date('October 16, 2021 23:59:59.999'),
},
},
{
description:
'it returns backward date params when start date is 01/09/2021 and week starts on Sunday',
input: {
chartParams: {
duration: 'week',
start: new Date('August 01, 2021 00:00:00'),
end: new Date('October 09, 2021 23:59:59.999'),
},
backward: true,
weekStartingMonday: false,
},
expected: {
duration: 'week',
start: new Date('July 25, 2021 00:00:00'),
end: new Date('October 02, 2021 23:59:59.999'),
},
},
{
description:
'it returns forward date params when start date is 01/09/2021 and week starts on Monday',
input: {
chartParams: {
duration: 'week',
start: new Date('August 02, 2021 00:00:00'),
end: new Date('October 10, 2021 23:59:59.999'),
},
backward: false,
weekStartingMonday: true,
},
expected: {
duration: 'week',
start: new Date('August 09, 2021 00:00:00'),
end: new Date('October 17, 2021 23:59:59.999'),
},
},
{
description:
'it returns backward date params when start date is 01/09/2021 and week starts on Monday',
input: {
chartParams: {
duration: 'week',
start: new Date('August 02, 2021 00:00:00'),
end: new Date('October 10, 2021 23:59:59.999'),
},
backward: true,
weekStartingMonday: true,
},
expected: {
duration: 'week',
start: new Date('July 26, 2021 00:00:00'),
end: new Date('October 03, 2021 23:59:59.999'),
},
},
]
testsParams.map((testParams) => {
it(testParams.description, () => {
2023-11-11 17:12:20 +01:00
expect(
updateChartParams(
testParams.input.chartParams,
testParams.input.backward,
testParams.input.weekStartingMonday
2023-11-11 17:12:20 +01:00
)
).toStrictEqual(testParams.expected)
})
})
})