npm - @jbrowse/plugin-linear-genome-view - Versions diffs - 1.6.3 → 1.6.6 - Mend

@jbrowse/plugin-linear-genome-view 1.6.3 → 1.6.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/src/LinearGenomeView/components/__snapshots__/LinearGenomeView.test.js.snap CHANGED Viewed

@@ -455,86 +455,87 @@ exports[`<LinearGenomeView /> renders one track, one region 1`] = `
       class="makeStyles-root"
     >
       <div
-        class="MuiPaper-root makeStyles-trackLabel makeStyles-trackLabelOverlap makeStyles-root MuiPaper-elevation1 MuiPaper-rounded"
+        class="MuiPaper-root makeStyles-trackRenderingContainer MuiPaper-outlined MuiPaper-rounded"
+        data-testid="trackRenderingContainer-lgv-testConfig"
+        role="presentation"
+        style="height: 100px;"
       >
-        <span
-          class="makeStyles-dragHandle"
-          data-testid="dragHandle-lgv-testConfig"
-          draggable="true"
-        >
-          <svg
-            aria-hidden="true"
-            class="MuiSvgIcon-root makeStyles-dragHandleIcon"
-            focusable="false"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
-            />
-          </svg>
-        </span>
-        <button
-          class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
-          tabindex="0"
-          title="close this track"
-          type="button"
+        <div
+          class="MuiPaper-root makeStyles-trackLabel makeStyles-trackLabelOverlap makeStyles-root MuiPaper-elevation1 MuiPaper-rounded"
         >
           <span
-            class="MuiIconButton-label"
+            class="makeStyles-dragHandle"
+            data-testid="dragHandle-lgv-testConfig"
+            draggable="true"
           >
             <svg
               aria-hidden="true"
-              class="MuiSvgIcon-root"
+              class="MuiSvgIcon-root makeStyles-dragHandleIcon"
               focusable="false"
               viewBox="0 0 24 24"
             >
               <path
-                d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+                d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
               />
             </svg>
           </span>
-          <span
-            class="MuiTouchRipple-root"
-          />
-        </button>
-        <span
-          class="MuiTypography-root makeStyles-trackName MuiTypography-body1"
-        >
-          Foo Track
-        </span>
-        <button
-          aria-controls="simple-menu"
-          aria-haspopup="true"
-          class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary MuiIconButton-disabled MuiButtonBase-disabled"
-          data-testid="track_menu_icon"
-          disabled=""
-          tabindex="-1"
-          type="button"
-        >
-          <span
-            class="MuiIconButton-label"
+          <button
+            class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
+            tabindex="0"
+            title="close this track"
+            type="button"
           >
-            <svg
-              aria-hidden="true"
-              class="MuiSvgIcon-root"
-              focusable="false"
-              viewBox="0 0 24 24"
+            <span
+              class="MuiIconButton-label"
             >
-              <path
-                d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
-              />
-            </svg>
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+                />
+              </svg>
+            </span>
+            <span
+              class="MuiTouchRipple-root"
+            />
+          </button>
+          <span
+            class="MuiTypography-root makeStyles-trackName MuiTypography-body1"
+          >
+            Foo Track
           </span>
-        </button>
-      </div>
-      <div
-        class="MuiPaper-root makeStyles-trackRenderingContainer MuiPaper-outlined MuiPaper-rounded"
-        data-testid="trackRenderingContainer-lgv-testConfig"
-        role="presentation"
-        style="height: 100px;"
-      >
+          <button
+            aria-controls="simple-menu"
+            aria-haspopup="true"
+            class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
+            data-testid="track_menu_icon"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="MuiIconButton-label"
+            >
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+                />
+              </svg>
+            </span>
+            <span
+              class="MuiTouchRipple-root"
+            />
+          </button>
+        </div>
         <div
-          class="makeStyles-renderingComponentContainer"
           style="transform: scaleX(1);"
         >
           <div
@@ -768,7 +769,7 @@ exports[`<LinearGenomeView /> renders two tracks, two regions 1`] = `
             class="MuiAutocomplete-root"
             data-testid="autocomplete"
             role="combobox"
-            style="width: 255.22500000000002px;"
+            style="width: 255.27500000000003px;"
           >
             <div
               class="MuiFormControl-root MuiTextField-root makeStyles-headerRefName MuiFormControl-fullWidth"
@@ -788,7 +789,7 @@ exports[`<LinearGenomeView /> renders two tracks, two regions 1`] = `
                   placeholder="Search for location"
                   spellcheck="false"
                   type="text"
-                  value="ctgA:1..100;ctgB:1,001..1,698"
+                  value="ctgA:1..100 ctgB:1,001..1,698"
                 />
                 <div
                   class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
@@ -1347,86 +1348,87 @@ exports[`<LinearGenomeView /> renders two tracks, two regions 1`] = `
       class="makeStyles-root"
     >
       <div
-        class="MuiPaper-root makeStyles-trackLabel makeStyles-trackLabelOverlap makeStyles-root MuiPaper-elevation1 MuiPaper-rounded"
+        class="MuiPaper-root makeStyles-trackRenderingContainer MuiPaper-outlined MuiPaper-rounded"
+        data-testid="trackRenderingContainer-lgv-testConfig"
+        role="presentation"
+        style="height: 100px;"
       >
-        <span
-          class="makeStyles-dragHandle"
-          data-testid="dragHandle-lgv-testConfig"
-          draggable="true"
-        >
-          <svg
-            aria-hidden="true"
-            class="MuiSvgIcon-root makeStyles-dragHandleIcon"
-            focusable="false"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
-            />
-          </svg>
-        </span>
-        <button
-          class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
-          tabindex="0"
-          title="close this track"
-          type="button"
+        <div
+          class="MuiPaper-root makeStyles-trackLabel makeStyles-trackLabelOverlap makeStyles-root MuiPaper-elevation1 MuiPaper-rounded"
         >
           <span
-            class="MuiIconButton-label"
+            class="makeStyles-dragHandle"
+            data-testid="dragHandle-lgv-testConfig"
+            draggable="true"
           >
             <svg
               aria-hidden="true"
-              class="MuiSvgIcon-root"
+              class="MuiSvgIcon-root makeStyles-dragHandleIcon"
               focusable="false"
               viewBox="0 0 24 24"
             >
               <path
-                d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+                d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
               />
             </svg>
           </span>
-          <span
-            class="MuiTouchRipple-root"
-          />
-        </button>
-        <span
-          class="MuiTypography-root makeStyles-trackName MuiTypography-body1"
-        >
-          Foo Track
-        </span>
-        <button
-          aria-controls="simple-menu"
-          aria-haspopup="true"
-          class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary MuiIconButton-disabled MuiButtonBase-disabled"
-          data-testid="track_menu_icon"
-          disabled=""
-          tabindex="-1"
-          type="button"
-        >
-          <span
-            class="MuiIconButton-label"
+          <button
+            class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
+            tabindex="0"
+            title="close this track"
+            type="button"
           >
-            <svg
-              aria-hidden="true"
-              class="MuiSvgIcon-root"
-              focusable="false"
-              viewBox="0 0 24 24"
+            <span
+              class="MuiIconButton-label"
             >
-              <path
-                d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
-              />
-            </svg>
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+                />
+              </svg>
+            </span>
+            <span
+              class="MuiTouchRipple-root"
+            />
+          </button>
+          <span
+            class="MuiTypography-root makeStyles-trackName MuiTypography-body1"
+          >
+            Foo Track
           </span>
-        </button>
-      </div>
-      <div
-        class="MuiPaper-root makeStyles-trackRenderingContainer MuiPaper-outlined MuiPaper-rounded"
-        data-testid="trackRenderingContainer-lgv-testConfig"
-        role="presentation"
-        style="height: 100px;"
-      >
+          <button
+            aria-controls="simple-menu"
+            aria-haspopup="true"
+            class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
+            data-testid="track_menu_icon"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="MuiIconButton-label"
+            >
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+                />
+              </svg>
+            </span>
+            <span
+              class="MuiTouchRipple-root"
+            />
+          </button>
+        </div>
         <div
-          class="makeStyles-renderingComponentContainer"
           style="transform: scaleX(1);"
         >
           <div
@@ -1501,86 +1503,87 @@ exports[`<LinearGenomeView /> renders two tracks, two regions 1`] = `
       class="makeStyles-root"
     >
       <div
-        class="MuiPaper-root makeStyles-trackLabel makeStyles-trackLabelOverlap makeStyles-root MuiPaper-elevation1 MuiPaper-rounded"
+        class="MuiPaper-root makeStyles-trackRenderingContainer MuiPaper-outlined MuiPaper-rounded"
+        data-testid="trackRenderingContainer-lgv-testConfig2"
+        role="presentation"
+        style="height: 100px;"
       >
-        <span
-          class="makeStyles-dragHandle"
-          data-testid="dragHandle-lgv-testConfig2"
-          draggable="true"
-        >
-          <svg
-            aria-hidden="true"
-            class="MuiSvgIcon-root makeStyles-dragHandleIcon"
-            focusable="false"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
-            />
-          </svg>
-        </span>
-        <button
-          class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
-          tabindex="0"
-          title="close this track"
-          type="button"
+        <div
+          class="MuiPaper-root makeStyles-trackLabel makeStyles-trackLabelOverlap makeStyles-root MuiPaper-elevation1 MuiPaper-rounded"
         >
           <span
-            class="MuiIconButton-label"
+            class="makeStyles-dragHandle"
+            data-testid="dragHandle-lgv-testConfig2"
+            draggable="true"
           >
             <svg
               aria-hidden="true"
-              class="MuiSvgIcon-root"
+              class="MuiSvgIcon-root makeStyles-dragHandleIcon"
               focusable="false"
               viewBox="0 0 24 24"
             >
               <path
-                d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+                d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
               />
             </svg>
           </span>
-          <span
-            class="MuiTouchRipple-root"
-          />
-        </button>
-        <span
-          class="MuiTypography-root makeStyles-trackName MuiTypography-body1"
-        >
-          Bar Track
-        </span>
-        <button
-          aria-controls="simple-menu"
-          aria-haspopup="true"
-          class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary MuiIconButton-disabled MuiButtonBase-disabled"
-          data-testid="track_menu_icon"
-          disabled=""
-          tabindex="-1"
-          type="button"
-        >
-          <span
-            class="MuiIconButton-label"
+          <button
+            class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
+            tabindex="0"
+            title="close this track"
+            type="button"
           >
-            <svg
-              aria-hidden="true"
-              class="MuiSvgIcon-root"
-              focusable="false"
-              viewBox="0 0 24 24"
+            <span
+              class="MuiIconButton-label"
             >
-              <path
-                d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
-              />
-            </svg>
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+                />
+              </svg>
+            </span>
+            <span
+              class="MuiTouchRipple-root"
+            />
+          </button>
+          <span
+            class="MuiTypography-root makeStyles-trackName MuiTypography-body1"
+          >
+            Bar Track
           </span>
-        </button>
-      </div>
-      <div
-        class="MuiPaper-root makeStyles-trackRenderingContainer MuiPaper-outlined MuiPaper-rounded"
-        data-testid="trackRenderingContainer-lgv-testConfig2"
-        role="presentation"
-        style="height: 100px;"
-      >
+          <button
+            aria-controls="simple-menu"
+            aria-haspopup="true"
+            class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
+            data-testid="track_menu_icon"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="MuiIconButton-label"
+            >
+              <svg
+                aria-hidden="true"
+                class="MuiSvgIcon-root"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+                />
+              </svg>
+            </span>
+            <span
+              class="MuiTouchRipple-root"
+            />
+          </button>
+        </div>
         <div
-          class="makeStyles-renderingComponentContainer"
           style="transform: scaleX(1);"
         >
           <div

package/src/LinearGenomeView/index.test.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import { LinearGenomeViewStateModel, stateModelFactory } from '.'
 import { BaseLinearDisplayComponent } from '..'
 import { stateModelFactory as LinearBasicDisplayStateModelFactory } from '../LinearBareDisplay'
 import hg38DisplayedRegions from './hg38DisplayedRegions.json'
+import volvoxDisplayedRegions from './volvoxDisplayedRegions.json'
 // use initializer function to avoid having console.warn jest.fn in a global
 function initialize() {
@@ -54,22 +55,7 @@ function initialize() {
   const Assembly = types
     .model({})
     .volatile(() => ({
-      regions: [
-        {
-          assemblyName: 'volvox',
-          start: 0,
-          end: 50001,
-          refName: 'ctgA',
-          reversed: false,
-        },
-        {
-          assemblyName: 'volvox',
-          start: 0,
-          end: 6079,
-          refName: 'ctgB',
-          reversed: false,
-        },
-      ],
+      regions: volvoxDisplayedRegions,
     }))
     .views(() => ({
       getCanonicalRefName(refName: string) {
@@ -79,6 +65,19 @@ function initialize() {
         return refName
       },
     }))
+  const AssemblyManager = types
+    .model({
+      assemblies: types.map(Assembly),
+    })
+    .actions(self => ({
+      isValidRefName(str: string) {
+        return !str.includes(':')
+      },
+      get(str: string) {
+        return self.assemblies.get(str)
+      },
+    }))
   const LinearGenomeModel = stateModelFactory(stubManager)
   const Session = types
     .model({
@@ -86,6 +85,13 @@ function initialize() {
       rpcManager: 'rpcManagerExists',
       view: types.maybe(LinearGenomeModel),
       configuration: types.map(types.string),
+      assemblyManager: types.optional(AssemblyManager, {
+        assemblies: {
+          volvox: {
+            regions: volvoxDisplayedRegions,
+          },
+        },
+      }),
     })
     .actions(self => ({
       setView(view: Instance<LinearGenomeViewStateModel>) {
@@ -93,9 +99,6 @@ function initialize() {
         return view
       },
     }))
-    .volatile((/* self */) => ({
-      assemblyManager: new Map([['volvox', Assembly.create({})]]),
-    }))
   return { Session, LinearGenomeModel, Assembly }
 }
@@ -294,29 +297,6 @@ test('can navToMultiple', () => {
   ])
   expect(model.offsetPx).toBe(2799)
   expect(model.bpPerPx).toBeCloseTo(12.531)
-  expect(() =>
-    model.navToMultiple([
-      { refName: 'ctgB', start: 5000, end: 10000 },
-      { refName: 'ctgC', start: 5000, end: 10000 },
-    ]),
-  ).toThrow('Start of region ctgC:5,001..10,000 should be 1, but it is not')
-  expect(() =>
-    model.navToMultiple([
-      { refName: 'ctgB', start: 0, end: 5000 },
-      { refName: 'ctgC', start: 0, end: 5000 },
-    ]),
-  ).toThrow('End of region ctgB:1..5,000 should be 10,000, but it is not')
-  expect(() =>
-    model.navToMultiple([
-      { refName: 'ctgA', start: 5000, end: 10000 },
-      { refName: 'ctgA', start: 0, end: 5000 },
-    ]),
-  ).toThrow(
-    'Entered location ctgA:1..5,000 does not match with displayed regions',
-  )
 })
 describe('Zoom to selected displayed regions', () => {
@@ -992,3 +972,25 @@ test('navToLocString with human assembly', () => {
   expect(model.view.offsetPx).toBe(9914777550)
   model.view.navToLocString('chr3:-1,100,000,000..-1,000,000,000')
 })
+test('multi region', () => {
+  const { Session, LinearGenomeModel } = initialize()
+  const model = Session.create({
+    configuration: {},
+  }).setView(
+    LinearGenomeModel.create({
+      type: 'LinearGenomeView',
+      tracks: [{ name: 'foo track', type: 'BasicTrack' }],
+    }),
+  )
+  model.setWidth(800)
+  model.setDisplayedRegions(volvoxDisplayedRegions.slice(0, 1))
+  model.navToLocString('ctgA ctgB')
+  expect(model.displayedRegions[0].refName).toBe('ctgA')
+  expect(model.displayedRegions[1].refName).toBe('ctgB')
+  // [
+  //   { refName: 'ctgA', start: 0, end: 50001 },
+  //   { refName: 'ctgB', start: 0, end: 6079 },
+  // ])
+})