@genspectrum/dashboard-components 0.6.13 → 0.6.15

package/src/web-components/errorHandling.mdx

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/blocks';
+
+<Meta title='Components/Error Handling' />
+
+# Error Handling
+
+All components dispatch a `gs-error` event of type `ErrorEvent` when an error occurs.
+The event contains an `error` property that holds the `Error` object.

package/src/web-components/input/gs-date-range-selector.stories.ts

@@ -1,9 +1,9 @@
-import { withActions } from '@storybook/addon-actions/decorator';
 import { expect, waitFor } from '@storybook/test';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 
 import { withComponentDocs } from '../../../.storybook/ComponentDocsBlock';
+import { previewHandles } from '../../../.storybook/preview';
 import { LAPIS_URL } from '../../constants';
 import { type DateRangeSelectorProps } from '../../preact/dateRangeSelector/date-range-selector';
 import './gs-date-range-selector';
@@ -36,7 +36,7 @@ const meta: Meta<Required<DateRangeSelectorProps<'CustomDateRange'>>> = {
     component: 'gs-date-range-selector',
     parameters: withComponentDocs({
         actions: {
-            handles: ['gs-date-range-changed'],
+            handles: ['gs-date-range-changed', ...previewHandles],
         },
         fetchMock: {},
         componentDocs: {
@@ -87,7 +87,6 @@ const meta: Meta<Required<DateRangeSelectorProps<'CustomDateRange'>>> = {
         initialDateFrom: '',
         initialDateTo: '',
     },
-    decorators: [withActions],
     tags: ['autodocs'],
 };
 

package/src/web-components/input/gs-date-range-selector.tsx

@@ -1,7 +1,6 @@
 import { customElement, property } from 'lit/decorators.js';
 
-import { DateRangeSelector } from '../../preact/dateRangeSelector/date-range-selector';
-import { type CustomSelectOption, type PresetOptionValues } from '../../preact/dateRangeSelector/selectableOptions';
+import { DateRangeSelector, type DateRangeSelectorProps } from '../../preact/dateRangeSelector/date-range-selector';
 import { type Equals, type Expect } from '../../utils/typeAssertions';
 import { PreactLitAdapter } from '../PreactLitAdapter';
 
@@ -129,9 +128,30 @@ declare global {
 
 /* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
 type CustomSelectOptionsMatches = Expect<
-    Equals<typeof DateRangeSelectorComponent.prototype.customSelectOptions, CustomSelectOption<string>[]>
+    Equals<
+        typeof DateRangeSelectorComponent.prototype.customSelectOptions,
+        DateRangeSelectorProps<string>['customSelectOptions']
+    >
+>;
+type EarliestDateMatches = Expect<
+    Equals<typeof DateRangeSelectorComponent.prototype.earliestDate, DateRangeSelectorProps<string>['earliestDate']>
 >;
 type InitialValueMatches = Expect<
-    Equals<typeof DateRangeSelectorComponent.prototype.initialValue, PresetOptionValues | string>
+    Equals<typeof DateRangeSelectorComponent.prototype.initialValue, DateRangeSelectorProps<string>['initialValue']>
+>;
+type InitialDateFromMatches = Expect<
+    Equals<
+        typeof DateRangeSelectorComponent.prototype.initialDateFrom,
+        DateRangeSelectorProps<string>['initialDateFrom']
+    >
+>;
+type InitialDateToMatches = Expect<
+    Equals<typeof DateRangeSelectorComponent.prototype.initialDateTo, DateRangeSelectorProps<string>['initialDateTo']>
+>;
+type WidthMatches = Expect<
+    Equals<typeof DateRangeSelectorComponent.prototype.width, DateRangeSelectorProps<string>['width']>
+>;
+type DateColumnMatches = Expect<
+    Equals<typeof DateRangeSelectorComponent.prototype.dateColumn, DateRangeSelectorProps<string>['dateColumn']>
 >;
 /* eslint-enable @typescript-eslint/no-unused-vars, no-unused-vars */

package/src/web-components/input/gs-lineage-filter.stories.ts

@@ -1,9 +1,9 @@
-import { withActions } from '@storybook/addon-actions/decorator';
 import { expect, fn, userEvent, waitFor } from '@storybook/test';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 
 import { withComponentDocs } from '../../../.storybook/ComponentDocsBlock';
+import { previewHandles } from '../../../.storybook/preview';
 import { AGGREGATED_ENDPOINT, LAPIS_URL } from '../../constants';
 import '../app';
 import './gs-lineage-filter';
@@ -24,7 +24,7 @@ const meta: Meta<Required<LineageFilterProps>> = {
     component: 'gs-lineage-filter',
     parameters: withComponentDocs({
         actions: {
-            handles: ['gs-lineage-filter-changed'],
+            handles: ['gs-lineage-filter-changed', ...previewHandles],
         },
         fetchMock: {
             mocks: [
@@ -49,7 +49,6 @@ const meta: Meta<Required<LineageFilterProps>> = {
             codeExample,
         },
     }),
-    decorators: [withActions],
     tags: ['autodocs'],
 };
 

package/src/web-components/input/gs-lineage-filter.tsx

@@ -1,6 +1,7 @@
 import { customElement, property } from 'lit/decorators.js';
 
-import { LineageFilter } from '../../preact/lineageFilter/lineage-filter';
+import { LineageFilter, type LineageFilterProps } from '../../preact/lineageFilter/lineage-filter';
+import type { Equals, Expect } from '../../utils/typeAssertions';
 import { PreactLitAdapter } from '../PreactLitAdapter';
 
 /**
@@ -77,3 +78,16 @@ declare global {
         'gs-lineage-filter-changed': CustomEvent<Record<string, string>>;
     }
 }
+
+/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
+type InitialValueMatches = Expect<
+    Equals<typeof LineageFilterComponent.prototype.initialValue, LineageFilterProps['initialValue']>
+>;
+type LapisFieldMatches = Expect<
+    Equals<typeof LineageFilterComponent.prototype.lapisField, LineageFilterProps['lapisField']>
+>;
+type PlaceholderTextMatches = Expect<
+    Equals<typeof LineageFilterComponent.prototype.placeholderText, LineageFilterProps['placeholderText']>
+>;
+type WidthMatches = Expect<Equals<typeof LineageFilterComponent.prototype.width, LineageFilterProps['width']>>;
+/* eslint-enable @typescript-eslint/no-unused-vars, no-unused-vars */

package/src/web-components/input/gs-location-filter.stories.ts

@@ -1,10 +1,10 @@
-import { withActions } from '@storybook/addon-actions/decorator';
 import { expect, fn, userEvent, waitFor } from '@storybook/test';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 
 import { withComponentDocs } from '../../../.storybook/ComponentDocsBlock';
+import { previewHandles } from '../../../.storybook/preview';
 import { AGGREGATED_ENDPOINT, LAPIS_URL } from '../../constants';
 import '../app';
 import './gs-location-filter';
@@ -25,7 +25,7 @@ const meta: Meta = {
     component: 'gs-location-filter',
     parameters: withComponentDocs({
         actions: {
-            handles: ['gs-location-changed'],
+            handles: ['gs-location-changed', ...previewHandles],
         },
         componentDocs: {
             opensShadowDom: true,
@@ -55,7 +55,6 @@ const meta: Meta = {
             },
         },
     },
-    decorators: [withActions],
     tags: ['autodocs'],
 };
 

package/src/web-components/input/gs-location-filter.tsx

@@ -1,6 +1,7 @@
 import { customElement, property } from 'lit/decorators.js';
 
-import { LocationFilter } from '../../preact/locationFilter/location-filter';
+import { LocationFilter, type LocationFilterProps } from '../../preact/locationFilter/location-filter';
+import type { Equals, Expect } from '../../utils/typeAssertions';
 import { PreactLitAdapter } from '../PreactLitAdapter';
 
 /**
@@ -86,3 +87,14 @@ declare global {
         'gs-location-changed': CustomEvent<Record<string, string>>;
     }
 }
+
+/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
+type InitialValueMatches = Expect<
+    Equals<typeof LocationFilterComponent.prototype.initialValue, LocationFilterProps['initialValue']>
+>;
+type FieldsMatches = Expect<Equals<typeof LocationFilterComponent.prototype.fields, LocationFilterProps['fields']>>;
+type PlaceholderTextMatches = Expect<
+    Equals<typeof LocationFilterComponent.prototype.placeholderText, LocationFilterProps['placeholderText']>
+>;
+type WidthMatches = Expect<Equals<typeof LocationFilterComponent.prototype.width, LocationFilterProps['width']>>;
+/* eslint-enable @typescript-eslint/no-unused-vars, no-unused-vars */

package/src/web-components/input/gs-mutation-filter.stories.ts

@@ -1,9 +1,9 @@
-import { withActions } from '@storybook/addon-actions/decorator';
 import { expect, fn, userEvent, waitFor } from '@storybook/test';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 
 import { withComponentDocs } from '../../../.storybook/ComponentDocsBlock';
+import { previewHandles } from '../../../.storybook/preview';
 import { LAPIS_URL, REFERENCE_GENOME_ENDPOINT } from '../../constants';
 import '../app';
 import { type MutationFilterProps } from '../../preact/mutationFilter/mutation-filter';
@@ -21,7 +21,7 @@ const meta: Meta<MutationFilterProps> = {
     component: 'gs-mutation-filter',
     parameters: withComponentDocs({
         actions: {
-            handles: ['gs-mutation-filter-changed', 'gs-mutation-filter-on-blur'],
+            handles: ['gs-mutation-filter-changed', 'gs-mutation-filter-on-blur', ...previewHandles],
         },
         fetchMock: {},
         componentDocs: {
@@ -38,7 +38,6 @@ const meta: Meta<MutationFilterProps> = {
         },
         width: { control: 'text' },
     },
-    decorators: [withActions],
     tags: ['autodocs'],
 };
 

package/src/web-components/input/gs-mutation-filter.tsx

@@ -115,4 +115,5 @@ declare global {
 type InitialValueMatches = Expect<
     Equals<typeof MutationFilterComponent.prototype.initialValue, MutationFilterProps['initialValue']>
 >;
+type WidthMatches = Expect<Equals<typeof MutationFilterComponent.prototype.width, MutationFilterProps['width']>>;
 /* eslint-enable @typescript-eslint/no-unused-vars, no-unused-vars */

package/src/web-components/input/gs-text-input.stories.ts

@@ -1,9 +1,9 @@
-import { withActions } from '@storybook/addon-actions/decorator';
 import { expect, fn, userEvent, waitFor } from '@storybook/test';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 
 import { withComponentDocs } from '../../../.storybook/ComponentDocsBlock';
+import { previewHandles } from '../../../.storybook/preview';
 import { AGGREGATED_ENDPOINT, LAPIS_URL } from '../../constants';
 import '../app';
 import './gs-text-input';
@@ -24,7 +24,7 @@ const meta: Meta<Required<TextInputProps>> = {
     component: 'gs-text-input',
     parameters: withComponentDocs({
         actions: {
-            handles: ['gs-text-input-changed'],
+            handles: ['gs-text-input-changed', ...previewHandles],
         },
         fetchMock: {
             mocks: [
@@ -71,7 +71,6 @@ const meta: Meta<Required<TextInputProps>> = {
             },
         },
     },
-    decorators: [withActions],
     tags: ['autodocs'],
 };
 

package/src/web-components/input/gs-text-input.tsx

@@ -1,6 +1,7 @@
 import { customElement, property } from 'lit/decorators.js';
 
-import { TextInput } from '../../preact/textInput/text-input';
+import { TextInput, type TextInputProps } from '../../preact/textInput/text-input';
+import type { Equals, Expect } from '../../utils/typeAssertions';
 import { PreactLitAdapter } from '../PreactLitAdapter';
 
 /**
@@ -71,3 +72,14 @@ declare global {
         'gs-text-input-changed': CustomEvent<Record<string, string>>;
     }
 }
+
+/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
+type InitialValueMatches = Expect<
+    Equals<typeof TextInputComponent.prototype.initialValue, TextInputProps['initialValue']>
+>;
+type LapisFieldMatches = Expect<Equals<typeof TextInputComponent.prototype.lapisField, TextInputProps['lapisField']>>;
+type PlaceholderTextMatches = Expect<
+    Equals<typeof TextInputComponent.prototype.placeholderText, TextInputProps['placeholderText']>
+>;
+type WidthMatches = Expect<Equals<typeof TextInputComponent.prototype.width, TextInputProps['width']>>;
+/* eslint-enable @typescript-eslint/no-unused-vars, no-unused-vars */

package/src/web-components/visualization/gs-aggregate.tsx

@@ -1,7 +1,8 @@
 import { customElement, property } from 'lit/decorators.js';
 
-import { Aggregate, type View } from '../../preact/aggregatedData/aggregate';
+import { Aggregate, type AggregateProps, type View } from '../../preact/aggregatedData/aggregate';
 import { type LapisFilter } from '../../types';
+import { type Equals, type Expect } from '../../utils/typeAssertions';
 import { PreactLitAdapterWithGridJsStyles } from '../PreactLitAdapterWithGridJsStyles';
 
 /**
@@ -102,3 +103,18 @@ declare global {
         'gs-aggregate-component': AggregateComponent;
     }
 }
+
+/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
+type FieldsMatches = Expect<Equals<typeof AggregateComponent.prototype.fields, AggregateProps['fields']>>;
+type ViewsMatches = Expect<Equals<typeof AggregateComponent.prototype.views, AggregateProps['views']>>;
+type FilterMatches = Expect<Equals<typeof AggregateComponent.prototype.filter, AggregateProps['filter']>>;
+type WidthMatches = Expect<Equals<typeof AggregateComponent.prototype.width, AggregateProps['width']>>;
+type HeightMatches = Expect<Equals<typeof AggregateComponent.prototype.height, AggregateProps['height']>>;
+type InitialSortFieldMatches = Expect<
+    Equals<typeof AggregateComponent.prototype.initialSortField, AggregateProps['initialSortField']>
+>;
+type InitialSortDirectionMatches = Expect<
+    Equals<typeof AggregateComponent.prototype.initialSortDirection, AggregateProps['initialSortDirection']>
+>;
+type PageSizeMatches = Expect<Equals<typeof AggregateComponent.prototype.pageSize, AggregateProps['pageSize']>>;
+/* eslint-enable @typescript-eslint/no-unused-vars, no-unused-vars */

package/src/web-components/visualization/gs-mutation-comparison.tsx

@@ -112,4 +112,13 @@ type SequenceTypeMatches = Expect<
 type ViewsMatches = Expect<
     Equals<typeof MutationComparisonComponent.prototype.views, MutationComparisonProps['views']>
 >;
+type WidthMatches = Expect<
+    Equals<typeof MutationComparisonComponent.prototype.width, MutationComparisonProps['width']>
+>;
+type HeightMatches = Expect<
+    Equals<typeof MutationComparisonComponent.prototype.height, MutationComparisonProps['height']>
+>;
+type PageSizeMatches = Expect<
+    Equals<typeof MutationComparisonComponent.prototype.pageSize, MutationComparisonProps['pageSize']>
+>;
 /* eslint-enable @typescript-eslint/no-unused-vars, no-unused-vars */

package/src/web-components/visualization/gs-mutations-over-time.stories.ts

@@ -10,9 +10,27 @@ import {
     LAPIS_URL,
     NUCLEOTIDE_MUTATIONS_ENDPOINT,
 } from '../../constants';
+import aggregated_01 from '../../preact/mutationsOverTime/__mockData__/aggregated_2024_01.json';
+import aggregated_02 from '../../preact/mutationsOverTime/__mockData__/aggregated_2024_02.json';
+import aggregated_03 from '../../preact/mutationsOverTime/__mockData__/aggregated_2024_03.json';
+import aggregated_04 from '../../preact/mutationsOverTime/__mockData__/aggregated_2024_04.json';
+import aggregated_05 from '../../preact/mutationsOverTime/__mockData__/aggregated_2024_05.json';
+import aggregated_06 from '../../preact/mutationsOverTime/__mockData__/aggregated_2024_06.json';
+import aggregated_07 from '../../preact/mutationsOverTime/__mockData__/aggregated_2024_07.json';
+import aggregated_20_01_2024 from '../../preact/mutationsOverTime/__mockData__/aggregated_20_01_2024.json';
+import aggregated_21_01_2024 from '../../preact/mutationsOverTime/__mockData__/aggregated_21_01_2024.json';
+import aggregated_22_01_2024 from '../../preact/mutationsOverTime/__mockData__/aggregated_22_01_2024.json';
+import aggregated_23_01_2024 from '../../preact/mutationsOverTime/__mockData__/aggregated_23_01_2024.json';
+import aggregated_24_01_2024 from '../../preact/mutationsOverTime/__mockData__/aggregated_24_01_2024.json';
+import aggregated_25_01_2024 from '../../preact/mutationsOverTime/__mockData__/aggregated_25_01_2024.json';
+import aggregated_26_01_2024 from '../../preact/mutationsOverTime/__mockData__/aggregated_26_01_2024.json';
 import aggregated_byDay from '../../preact/mutationsOverTime/__mockData__/aggregated_byDay.json';
 import aggregated_byWeek from '../../preact/mutationsOverTime/__mockData__/aggregated_byWeek.json';
 import aggregated_date from '../../preact/mutationsOverTime/__mockData__/aggregated_date.json';
+import aggregated_week3 from '../../preact/mutationsOverTime/__mockData__/aggregated_week3_2024.json';
+import aggregated_week4 from '../../preact/mutationsOverTime/__mockData__/aggregated_week4_2024.json';
+import aggregated_week5 from '../../preact/mutationsOverTime/__mockData__/aggregated_week5_2024.json';
+import aggregated_week6 from '../../preact/mutationsOverTime/__mockData__/aggregated_week6_2024.json';
 import aminoAcidMutations_20_01_2024 from '../../preact/mutationsOverTime/__mockData__/aminoAcidMutations_20_01_2024.json';
 import aminoAcidMutations_21_01_2024 from '../../preact/mutationsOverTime/__mockData__/aminoAcidMutations_21_01_2024.json';
 import aminoAcidMutations_22_01_2024 from '../../preact/mutationsOverTime/__mockData__/aminoAcidMutations_22_01_2024.json';
@@ -126,6 +144,118 @@ export const ByMonth: StoryObj<Required<MutationsOverTimeProps>> = {
                         body: aggregated_date,
                     },
                 },
+                {
+                    matcher: {
+                        name: 'aggregated_01',
+                        url: AGGREGATED_ENDPOINT,
+                        body: {
+                            dateFrom: '2024-01-01',
+                            dateTo: '2024-01-31',
+                            fields: [],
+                            pangoLineage: 'JN.1*',
+                        },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_01,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_02',
+                        url: AGGREGATED_ENDPOINT,
+                        body: {
+                            dateFrom: '2024-02-01',
+                            dateTo: '2024-02-29',
+                            fields: [],
+                            pangoLineage: 'JN.1*',
+                        },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_02,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_03',
+                        url: AGGREGATED_ENDPOINT,
+                        body: {
+                            dateFrom: '2024-03-01',
+                            dateTo: '2024-03-31',
+                            fields: [],
+                            pangoLineage: 'JN.1*',
+                        },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_03,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_04',
+                        url: AGGREGATED_ENDPOINT,
+                        body: {
+                            dateFrom: '2024-04-01',
+                            dateTo: '2024-04-30',
+                            fields: [],
+                            pangoLineage: 'JN.1*',
+                        },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_04,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_05',
+                        url: AGGREGATED_ENDPOINT,
+                        body: {
+                            dateFrom: '2024-05-01',
+                            dateTo: '2024-05-31',
+                            fields: [],
+                            pangoLineage: 'JN.1*',
+                        },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_05,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_06',
+                        url: AGGREGATED_ENDPOINT,
+                        body: {
+                            dateFrom: '2024-06-01',
+                            dateTo: '2024-06-30',
+                            fields: [],
+                            pangoLineage: 'JN.1*',
+                        },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_06,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_07',
+                        url: AGGREGATED_ENDPOINT,
+                        body: {
+                            dateFrom: '2024-07-01',
+                            dateTo: '2024-07-31',
+                            fields: [],
+                            pangoLineage: 'JN.1*',
+                        },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_07,
+                    },
+                },
                 {
                     matcher: {
                         name: 'nucleotideMutations_overall',
@@ -286,6 +416,70 @@ export const ByWeek: StoryObj<Required<MutationsOverTimeProps>> = {
                         body: aggregated_byWeek,
                     },
                 },
+                {
+                    matcher: {
+                        name: 'aggregated_week3',
+                        url: AGGREGATED_ENDPOINT,
+                        body: {
+                            dateFrom: '2024-01-15',
+                            dateTo: '2024-01-21',
+                            fields: [],
+                            pangoLineage: 'JN.1*',
+                        },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_week3,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_week4',
+                        url: AGGREGATED_ENDPOINT,
+                        body: {
+                            dateFrom: '2024-01-22',
+                            dateTo: '2024-01-28',
+                            fields: [],
+                            pangoLineage: 'JN.1*',
+                        },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_week4,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_week5',
+                        url: AGGREGATED_ENDPOINT,
+                        body: {
+                            dateFrom: '2024-01-29',
+                            dateTo: '2024-02-04',
+                            fields: [],
+                            pangoLineage: 'JN.1*',
+                        },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_week5,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_week6',
+                        url: AGGREGATED_ENDPOINT,
+                        body: {
+                            dateFrom: '2024-02-05',
+                            dateTo: '2024-02-11',
+                            fields: [],
+                            pangoLineage: 'JN.1*',
+                        },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_week6,
+                    },
+                },
                 {
                     matcher: {
                         name: 'nucleotideMutation_overall',
@@ -393,6 +587,83 @@ export const AminoAcidMutationsByDay: StoryObj<Required<MutationsOverTimeProps>>
                         body: aggregated_byDay,
                     },
                 },
+                {
+                    matcher: {
+                        name: 'aggregated_20_01_2024',
+                        url: AGGREGATED_ENDPOINT,
+                        body: { pangoLineage: 'JN.1*', dateFrom: '2024-01-20', dateTo: '2024-01-20', fields: [] },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_20_01_2024,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_21_01_2024',
+                        url: AGGREGATED_ENDPOINT,
+                        body: { pangoLineage: 'JN.1*', dateFrom: '2024-01-21', dateTo: '2024-01-21', fields: [] },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_21_01_2024,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_22_01_2024',
+                        url: AGGREGATED_ENDPOINT,
+                        body: { pangoLineage: 'JN.1*', dateFrom: '2024-01-22', dateTo: '2024-01-22', fields: [] },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_22_01_2024,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_23_01_2024',
+                        url: AGGREGATED_ENDPOINT,
+                        body: { pangoLineage: 'JN.1*', dateFrom: '2024-01-23', dateTo: '2024-01-23', fields: [] },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_23_01_2024,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_24_01_2024',
+                        url: AGGREGATED_ENDPOINT,
+                        body: { pangoLineage: 'JN.1*', dateFrom: '2024-01-24', dateTo: '2024-01-24', fields: [] },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_24_01_2024,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_25_01_2024',
+                        url: AGGREGATED_ENDPOINT,
+                        body: { pangoLineage: 'JN.1*', dateFrom: '2024-01-25', dateTo: '2024-01-25', fields: [] },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_25_01_2024,
+                    },
+                },
+                {
+                    matcher: {
+                        name: 'aggregated_26_01_2024',
+                        url: AGGREGATED_ENDPOINT,
+                        body: { pangoLineage: 'JN.1*', dateFrom: '2024-01-26', dateTo: '2024-01-26', fields: [] },
+                    },
+                    response: {
+                        status: 200,
+                        body: aggregated_26_01_2024,
+                    },
+                },
                 {
                     matcher: {
                         name: 'aminoAcidMutations_overall',

package/src/web-components/visualization/gs-mutations-over-time.tsx

@@ -112,7 +112,14 @@ type SequenceTypeMatches = Expect<
     Equals<typeof MutationsOverTimeComponent.prototype.sequenceType, MutationsOverTimeProps['sequenceType']>
 >;
 type ViewsMatches = Expect<Equals<typeof MutationsOverTimeComponent.prototype.views, MutationsOverTimeProps['views']>>;
+type WidthMatches = Expect<Equals<typeof MutationsOverTimeComponent.prototype.width, MutationsOverTimeProps['width']>>;
+type HeightMatches = Expect<
+    Equals<typeof MutationsOverTimeComponent.prototype.height, MutationsOverTimeProps['height']>
+>;
 type GranularityMatches = Expect<
     Equals<typeof MutationsOverTimeComponent.prototype.granularity, MutationsOverTimeProps['granularity']>
 >;
+type LapisDateFieldMatches = Expect<
+    Equals<typeof MutationsOverTimeComponent.prototype.lapisDateField, MutationsOverTimeProps['lapisDateField']>
+>;
 /* eslint-enable @typescript-eslint/no-unused-vars, no-unused-vars */