@jbrowse/plugin-sequence 2.5.0 → 2.6.2

package/src/DivSequenceRenderer/components/__snapshots__/DivSequenceRendering.test.tsx.snap

@@ -1,1426 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders with one feature reversed with a correct seq, zoomed in, should render nicely 1`] = `
-<div>
-  <svg
-    data-testid="sequence_track"
-    height="200"
-    style="width: 20000px; height: 200px;"
-    width="20000"
-  >
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19900"
-      y="0"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19930"
-      y="10"
-    />
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19840"
-      y="0"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19870"
-      y="10"
-    />
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19780"
-      y="0"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19810"
-      y="10"
-    />
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19920"
-      y="20"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19950"
-      y="30"
-    />
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19860"
-      y="20"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19890"
-      y="30"
-    />
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19800"
-      y="20"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19830"
-      y="30"
-    />
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19940"
-      y="40"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19970"
-      y="50"
-    />
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19880"
-      y="40"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19910"
-      y="50"
-    />
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19820"
-      y="40"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19850"
-      y="50"
-    />
-    <rect
-      fill="#f44336"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19960"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="#fff"
-      text-anchor="middle"
-      x="19970"
-      y="70"
-    >
-      T
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19940"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="19950"
-      y="70"
-    >
-      B
-    </text>
-    <rect
-      fill="#ff9800"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19920"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="rgba(0, 0, 0, 0.87)"
-      text-anchor="middle"
-      x="19930"
-      y="70"
-    >
-      G
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19900"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="19910"
-      y="70"
-    >
-      D
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19880"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="19890"
-      y="70"
-    >
-      E
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19860"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="19870"
-      y="70"
-    >
-      F
-    </text>
-    <rect
-      fill="#2196f3"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19840"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="#fff"
-      text-anchor="middle"
-      x="19850"
-      y="70"
-    >
-      C
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19820"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="19830"
-      y="70"
-    >
-      H
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19800"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="19810"
-      y="70"
-    >
-      I
-    </text>
-    <rect
-      fill="#4caf50"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19960"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="rgba(0, 0, 0, 0.87)"
-      text-anchor="middle"
-      x="19970"
-      y="90"
-    >
-      A
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19940"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="19950"
-      y="90"
-    >
-      B
-    </text>
-    <rect
-      fill="#2196f3"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19920"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="#fff"
-      text-anchor="middle"
-      x="19930"
-      y="90"
-    >
-      C
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19900"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="19910"
-      y="90"
-    >
-      D
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19880"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="19890"
-      y="90"
-    >
-      E
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19860"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="19870"
-      y="90"
-    >
-      F
-    </text>
-    <rect
-      fill="#ff9800"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19840"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="rgba(0, 0, 0, 0.87)"
-      text-anchor="middle"
-      x="19850"
-      y="90"
-    >
-      G
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19820"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="19830"
-      y="90"
-    >
-      H
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="19800"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="19810"
-      y="90"
-    >
-      I
-    </text>
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19940"
-      y="100"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19970"
-      y="110"
-    />
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19880"
-      y="100"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19910"
-      y="110"
-    />
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19820"
-      y="100"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19850"
-      y="110"
-    />
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19900"
-      y="120"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19930"
-      y="130"
-    />
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19840"
-      y="120"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19870"
-      y="130"
-    />
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19780"
-      y="120"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19810"
-      y="130"
-    />
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19920"
-      y="140"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19950"
-      y="150"
-    />
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19860"
-      y="140"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19890"
-      y="150"
-    />
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="19800"
-      y="140"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="19830"
-      y="150"
-    />
-  </svg>
-</div>
-`;
-
-exports[`renders with one feature with a correct seq, zoomed in, should render nicely 1`] = `
-<div>
-  <svg
-    data-testid="sequence_track"
-    height="200"
-    style="width: 20000px; height: 200px;"
-    width="20000"
-  >
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="40"
-      y="0"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="70"
-      y="10"
-    />
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="100"
-      y="0"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="130"
-      y="10"
-    />
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="160"
-      y="0"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="190"
-      y="10"
-    />
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="20"
-      y="20"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="50"
-      y="30"
-    />
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="80"
-      y="20"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="110"
-      y="30"
-    />
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="140"
-      y="20"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="170"
-      y="30"
-    />
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="0"
-      y="40"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="30"
-      y="50"
-    />
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="60"
-      y="40"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="90"
-      y="50"
-    />
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="120"
-      y="40"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="150"
-      y="50"
-    />
-    <rect
-      fill="#4caf50"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="20"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="rgba(0, 0, 0, 0.87)"
-      text-anchor="middle"
-      x="30"
-      y="70"
-    >
-      A
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="40"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="50"
-      y="70"
-    >
-      B
-    </text>
-    <rect
-      fill="#2196f3"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="60"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="#fff"
-      text-anchor="middle"
-      x="70"
-      y="70"
-    >
-      C
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="80"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="90"
-      y="70"
-    >
-      D
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="100"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="110"
-      y="70"
-    >
-      E
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="120"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="130"
-      y="70"
-    >
-      F
-    </text>
-    <rect
-      fill="#ff9800"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="140"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="rgba(0, 0, 0, 0.87)"
-      text-anchor="middle"
-      x="150"
-      y="70"
-    >
-      G
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="160"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="170"
-      y="70"
-    >
-      H
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="180"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="190"
-      y="70"
-    >
-      I
-    </text>
-    <rect
-      fill="#f44336"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="20"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="#fff"
-      text-anchor="middle"
-      x="30"
-      y="90"
-    >
-      T
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="40"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="50"
-      y="90"
-    >
-      B
-    </text>
-    <rect
-      fill="#ff9800"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="60"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="rgba(0, 0, 0, 0.87)"
-      text-anchor="middle"
-      x="70"
-      y="90"
-    >
-      G
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="80"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="90"
-      y="90"
-    >
-      D
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="100"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="110"
-      y="90"
-    >
-      E
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="120"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="130"
-      y="90"
-    >
-      F
-    </text>
-    <rect
-      fill="#2196f3"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="140"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="#fff"
-      text-anchor="middle"
-      x="150"
-      y="90"
-    >
-      C
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="160"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="170"
-      y="90"
-    >
-      H
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="180"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="190"
-      y="90"
-    >
-      I
-    </text>
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="0"
-      y="100"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="30"
-      y="110"
-    />
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="60"
-      y="100"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="90"
-      y="110"
-    />
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="120"
-      y="100"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="150"
-      y="110"
-    />
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="40"
-      y="120"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="70"
-      y="130"
-    />
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="100"
-      y="120"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="130"
-      y="130"
-    />
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="160"
-      y="120"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="190"
-      y="130"
-    />
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="20"
-      y="140"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="50"
-      y="150"
-    />
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="80"
-      y="140"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="110"
-      y="150"
-    />
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="140"
-      y="140"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="170"
-      y="150"
-    />
-  </svg>
-</div>
-`;
-
-exports[`renders with one feature with an incorrect seq, zoomed in, should throw 1`] = `
-<div>
-  <svg
-    data-testid="sequence_track"
-    height="200"
-    style="width: 20000px; height: 200px;"
-    width="20000"
-  >
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="40"
-      y="0"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="70"
-      y="10"
-    />
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="20"
-      y="20"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="50"
-      y="30"
-    />
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="0"
-      y="40"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="30"
-      y="50"
-    />
-    <rect
-      fill="#4caf50"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="20"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="rgba(0, 0, 0, 0.87)"
-      text-anchor="middle"
-      x="30"
-      y="70"
-    >
-      A
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="40"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="50"
-      y="70"
-    >
-      B
-    </text>
-    <rect
-      fill="#2196f3"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="60"
-      y="60"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="#fff"
-      text-anchor="middle"
-      x="70"
-      y="70"
-    >
-      C
-    </text>
-    <rect
-      fill="#f44336"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="20"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="#fff"
-      text-anchor="middle"
-      x="30"
-      y="90"
-    >
-      T
-    </text>
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="40"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="black"
-      text-anchor="middle"
-      x="50"
-      y="90"
-    >
-      B
-    </text>
-    <rect
-      fill="#ff9800"
-      height="20"
-      stroke="#555"
-      width="20"
-      x="60"
-      y="80"
-    />
-    <text
-      dominant-baseline="middle"
-      fill="rgba(0, 0, 0, 0.87)"
-      text-anchor="middle"
-      x="70"
-      y="90"
-    >
-      G
-    </text>
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="0"
-      y="100"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="30"
-      y="110"
-    />
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="40"
-      y="120"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="70"
-      y="130"
-    />
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="#555"
-      width="60"
-      x="20"
-      y="140"
-    />
-    <text
-      dominant-baseline="middle"
-      text-anchor="middle"
-      x="50"
-      y="150"
-    />
-  </svg>
-</div>
-`;
-
-exports[`renders with one feature with no seq, zoomed in, should throw 1`] = `
-<div>
-  <svg
-    data-testid="sequence_track"
-    height="200"
-    style="width: 20000px; height: 200px;"
-    width="20000"
-  />
-</div>
-`;
-
-exports[`renders with one, zoomed way out 1`] = `
-<div>
-  <svg
-    data-testid="sequence_track"
-    height="200"
-    style="width: 333.3333333333333px; height: 200px;"
-    width="333.3333333333333"
-  >
-    <rect
-      fill="#adadad"
-      height="20"
-      stroke="none"
-      width="1.7"
-      x="0.3333333333333333"
-      y="20"
-    />
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="none"
-      width="1.7"
-      x="0"
-      y="40"
-    />
-    <rect
-      fill="#4caf50"
-      height="20"
-      stroke="none"
-      width="0.8"
-      x="0.3"
-      y="60"
-    />
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="none"
-      width="0.8"
-      x="1.1"
-      y="60"
-    />
-    <rect
-      fill="#f44336"
-      height="20"
-      stroke="none"
-      width="0.8"
-      x="0.3"
-      y="80"
-    />
-    <rect
-      fill="#aaa"
-      height="20"
-      stroke="none"
-      width="0.8"
-      x="1.1"
-      y="80"
-    />
-    <rect
-      fill="#8f8f8f"
-      height="20"
-      stroke="none"
-      width="1.7"
-      x="0"
-      y="100"
-    />
-    <rect
-      fill="#d8d8d8"
-      height="20"
-      stroke="none"
-      width="1.7"
-      x="0.3333333333333333"
-      y="140"
-    />
-  </svg>
-</div>
-`;