diff --git a/components/src/preact/queriesOverTime/queries-over-time-row-label-tooltip.stories.tsx b/components/src/preact/queriesOverTime/queries-over-time-row-label-tooltip.stories.tsx index 3bab6850..e05be185 100644 --- a/components/src/preact/queriesOverTime/queries-over-time-row-label-tooltip.stories.tsx +++ b/components/src/preact/queriesOverTime/queries-over-time-row-label-tooltip.stories.tsx @@ -23,20 +23,20 @@ export const Default: StoryObj = { render: (args) => , args: { query: { - displayLabel: 'S:F456L (single mutation)', - description: 'This mutation is associated with increased transmissibility.', - countQuery: 'S:456L', + displayLabel: 'Foo variant', + description: 'These mutations are associated with increased transmissibility.', + countQuery: 'S:451L & S:452L & S:453L & S:454L & S:455L & S:456L & S:457L & S:458L & S:459L & S:460L', coverageQuery: '!S:456N', }, }, play: async ({ canvasElement }) => { const canvas = within(canvasElement); - await expect(canvas.getByText('S:F456L (single mutation)', { exact: true })).toBeVisible(); - await expect(canvas.getByText('This mutation is associated with increased transmissibility.')).toBeVisible(); + await expect(canvas.getByText('Foo variant', { exact: true })).toBeVisible(); + await expect(canvas.getByText('These mutations are associated with increased transmissibility.')).toBeVisible(); await expect(canvas.getByText('Count query:')).toBeVisible(); - await expect(canvas.getByText('S:456L')).toBeVisible(); - await expect(canvas.getByText('Coverage query:')).toBeVisible(); - await expect(canvas.getByText('!S:456N')).toBeVisible(); + await expect( + canvas.getByText('S:451L & S:452L & S:453L & S:454L & S:455L & S:456L & S:457L & S:458L & S:459L & S:460L'), + ).toBeVisible(); }, }; @@ -54,7 +54,5 @@ export const WithoutDescription: StoryObj = await expect(canvas.getByText('S:R346T', { exact: true })).toBeVisible(); await expect(canvas.getByText('Count query:')).toBeVisible(); await expect(canvas.getByText('S:346T')).toBeVisible(); - await expect(canvas.getByText('Coverage query:')).toBeVisible(); - await expect(canvas.getByText('!S:346N')).toBeVisible(); }, }; diff --git a/components/src/preact/queriesOverTime/queries-over-time-row-label-tooltip.tsx b/components/src/preact/queriesOverTime/queries-over-time-row-label-tooltip.tsx index a2f2518a..5f6965ff 100644 --- a/components/src/preact/queriesOverTime/queries-over-time-row-label-tooltip.tsx +++ b/components/src/preact/queriesOverTime/queries-over-time-row-label-tooltip.tsx @@ -8,25 +8,15 @@ export type QueriesOverTimeRowLabelTooltipProps = { export const QueriesOverTimeRowLabelTooltip: FunctionComponent = ({ query }) => { return ( -
+
{query.displayLabel}
{query.description &&
{query.description}
} -
-
- Count query: -
-
-                            {query.countQuery}
-                        
-
-
-
- Coverage query: -
-
-                            {query.coverageQuery}
-                        
-
+
+ Count query: +
+
+                        {query.countQuery}
+                    
diff --git a/components/src/preact/queriesOverTime/queries-over-time.tsx b/components/src/preact/queriesOverTime/queries-over-time.tsx index fbd15aab..7c3b37be 100644 --- a/components/src/preact/queriesOverTime/queries-over-time.tsx +++ b/components/src/preact/queriesOverTime/queries-over-time.tsx @@ -177,7 +177,7 @@ const QueriesOverTimeTabs: FunctionComponent = ({ position='right' portalTarget={tooltipPortalTarget} > -
+
{value}
diff --git a/components/src/utilEntrypoint.ts b/components/src/utilEntrypoint.ts index d664d677..5a7b523a 100644 --- a/components/src/utilEntrypoint.ts +++ b/components/src/utilEntrypoint.ts @@ -54,4 +54,4 @@ export { export { type MeanProportionInterval } from './preact/mutationsOverTime/mutations-over-time'; export { type CustomColumn } from './preact/components/features-over-time-grid'; -export { type QueryDefinition } from './lapisApi/lapisTypes'; +export { type CountCoverageQuery } from './preact/queriesOverTime/queries-over-time'; diff --git a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries--98d8e---with-custom-columns-should-match-screenshot-1-chromium-linux.png b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries--98d8e---with-custom-columns-should-match-screenshot-1-chromium-linux.png index 4017e5b6..db1092d5 100644 Binary files a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries--98d8e---with-custom-columns-should-match-screenshot-1-chromium-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries--98d8e---with-custom-columns-should-match-screenshot-1-chromium-linux.png differ diff --git a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries--98d8e---with-custom-columns-should-match-screenshot-1-firefox-linux.png b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries--98d8e---with-custom-columns-should-match-screenshot-1-firefox-linux.png index 7ff24967..85a401d0 100644 Binary files a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries--98d8e---with-custom-columns-should-match-screenshot-1-firefox-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries--98d8e---with-custom-columns-should-match-screenshot-1-firefox-linux.png differ diff --git a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--by-week-should-match-screenshot-1-chromium-linux.png b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--by-week-should-match-screenshot-1-chromium-linux.png index 1473e13e..5037c600 100644 Binary files a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--by-week-should-match-screenshot-1-chromium-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--by-week-should-match-screenshot-1-chromium-linux.png differ diff --git a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--by-week-should-match-screenshot-1-firefox-linux.png b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--by-week-should-match-screenshot-1-firefox-linux.png index 33aff79c..06c0a54f 100644 Binary files a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--by-week-should-match-screenshot-1-firefox-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--by-week-should-match-screenshot-1-firefox-linux.png differ diff --git a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--default-should-match-screenshot-1-chromium-linux.png b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--default-should-match-screenshot-1-chromium-linux.png index dbde284b..cecb28fd 100644 Binary files a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--default-should-match-screenshot-1-chromium-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--default-should-match-screenshot-1-chromium-linux.png differ diff --git a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--default-should-match-screenshot-1-firefox-linux.png b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--default-should-match-screenshot-1-firefox-linux.png index 321f6d45..8b749c0a 100644 Binary files a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--default-should-match-screenshot-1-firefox-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--default-should-match-screenshot-1-firefox-linux.png differ diff --git a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--small-width-should-match-screenshot-1-chromium-linux.png b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--small-width-should-match-screenshot-1-chromium-linux.png index 07b874f6..96eb7a26 100644 Binary files a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--small-width-should-match-screenshot-1-chromium-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--small-width-should-match-screenshot-1-chromium-linux.png differ diff --git a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--small-width-should-match-screenshot-1-firefox-linux.png b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--small-width-should-match-screenshot-1-firefox-linux.png index c40caa95..e12ed491 100644 Binary files a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--small-width-should-match-screenshot-1-firefox-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--small-width-should-match-screenshot-1-firefox-linux.png differ diff --git a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--with-fixed-height-should-match-screenshot-1-chromium-linux.png b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--with-fixed-height-should-match-screenshot-1-chromium-linux.png index dbde284b..cecb28fd 100644 Binary files a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--with-fixed-height-should-match-screenshot-1-chromium-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--with-fixed-height-should-match-screenshot-1-chromium-linux.png differ diff --git a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--with-fixed-height-should-match-screenshot-1-firefox-linux.png b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--with-fixed-height-should-match-screenshot-1-firefox-linux.png index 321f6d45..8b749c0a 100644 Binary files a/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--with-fixed-height-should-match-screenshot-1-firefox-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Queries-over-time-Story-visualization-queries-over-time--with-fixed-height-should-match-screenshot-1-firefox-linux.png differ