feat: adding SeqvarScoresCard (#51)

.storybook/preview.ts

@@ -31,7 +31,6 @@ const preview: Preview = {
 
 setup((app: App) => {
   // Use pinia for state management, also in pinia.
-  console.log('Using pinia for state management')
   app.use(pinia)
   // Registers your app's plugins into Storybook
   registerPlugins(app)

src/api/annonars/types.ts

@@ -72,7 +72,9 @@ export interface SeqvarInfoResult$Api {
   gnomad_exomes: Gnomad2Record | Gnomad3Record | Gnomad4Record | null
   gnomad_genomes: Gnomad2Record | Gnomad3Record | Gnomad4Record | null
   helixmtdb: HelixmtdbRecord | null
-  ucsc_conservation: UcscConservationRecord[]
+  ucsc_conservation: {
+    records: UcscConservationRecord[]
+  }[]
   clinvar: null
 }
 
@@ -88,7 +90,7 @@ export interface SeqvarInfoResult {
   gnomadExomes?: Gnomad2Record | Gnomad3Record | Gnomad4Record
   gnomadGenomes?: Gnomad2Record | Gnomad3Record | Gnomad4Record
   helixmtdb?: HelixmtdbRecord
-  ucscConservation: UcscConservationRecord[]
+  ucscConservation: UcscConservationRecord[][]
   clinvar?: ClinvarRecord
 }
 
@@ -122,7 +124,7 @@ class SeqvarInfoResult$Type {
           ? undefined
           : // @ts-ignore
             HelixmtdbRecord.fromJson(apiResult.helixmtdb as JsonValue),
-      ucscConservation: apiResult.ucsc_conservation,
+      ucscConservation: apiResult.ucsc_conservation.map((cons) => cons.records),
       clinvar:
         apiResult.clinvar === null
           ? undefined
@@ -159,7 +161,7 @@ export interface SeqvarInfoResponse {
  * Helper class to convert `SeqvarInfoResponse$Api` to `SeqvarInfoResponse`.
  */
 class SeqvarInfoResponse$Type {
-  static fromJson(apiResponse: SeqvarInfoResponse$Api): SeqvarInfoResponse {
+  fromJson(apiResponse: SeqvarInfoResponse$Api): SeqvarInfoResponse {
     return {
       serverVersion: apiResponse.server_version,
       query: SeqvarInfoQuery.fromJson(apiResponse.query),

src/components/GeneConditionsCard/GeneConditionsCard.spec.ts

@@ -110,7 +110,6 @@ describe.concurrent('GeneConditionsCard.vue', async () => {
 
     // assert:
     expect(showTermsIdSwitch?.vm.$props.value).toBe(true)
-    console.log(wrapper.text())
     expect(wrapper.text()).toContain('HP:0000001')
     expect(wrapper.text()).toContain('HP:0000002')
   })

src/components/GeneLiteratureCard/GeneLiteratureCard.stories.ts

@@ -54,7 +54,6 @@ export const BRCA1: Story = {
     geneInfo: geneInfoBrca1
   },
   play: async () => {
-    console.log('play...')
     // Setup the store contents after story selection.
     const pubtatorStore = usePubtatorStore()
     pubtatorStore.storeState = StoreState.Loading

src/components/SeqvarScoresCard/ScoreDisplay.spec.ts

@@ -0,0 +1,26 @@
+import { describe, expect, it } from 'vitest'
+
+import { setupMountedComponents } from '../../lib/testUtils'
+import ScoreDisplay from './ScoreDisplay.vue'
+
+describe.concurrent('ScoreDisplay.vue', async () => {
+  it('renders the ScoreDisplay with default props', async () => {
+    // arrange:
+    const { wrapper } = await setupMountedComponents(
+      { component: ScoreDisplay },
+      {
+        props: {
+          rangeLower: 0,
+          rangeUpper: 1,
+          value: 0.5
+        }
+      }
+    )
+
+    // act: nothing, only test rendering
+
+    // assert:
+    const svg = wrapper.find('svg')
+    expect(svg.exists()).toBe(true)
+  })
+})