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

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 (17) hide show
  1. package/dist/LinearBareDisplay/model.d.ts +7 -7
  2. package/dist/LinearBasicDisplay/model.d.ts +7 -7
  3. package/dist/LinearGenomeView/components/OverviewScaleBar.d.ts +6 -6
  4. package/dist/LinearGenomeView/components/TrackContainer.d.ts +1 -2
  5. package/dist/index.d.ts +21 -21
  6. package/dist/plugin-linear-genome-view.cjs.development.js +64 -39
  7. package/dist/plugin-linear-genome-view.cjs.development.js.map +1 -1
  8. package/dist/plugin-linear-genome-view.cjs.production.min.js +1 -1
  9. package/dist/plugin-linear-genome-view.cjs.production.min.js.map +1 -1
  10. package/dist/plugin-linear-genome-view.esm.js +64 -39
  11. package/dist/plugin-linear-genome-view.esm.js.map +1 -1
  12. package/package.json +2 -2
  13. package/src/BaseLinearDisplay/components/BaseLinearDisplay.tsx +9 -12
  14. package/src/LinearBasicDisplay/components/SetMaxHeight.tsx +21 -12
  15. package/src/LinearGenomeView/components/TrackContainer.tsx +46 -27
  16. package/src/LinearGenomeView/components/TracksContainer.tsx +0 -1
  17. package/src/LinearGenomeView/components/__snapshots__/LinearGenomeView.test.js.snap +222 -248
package/src/LinearGenomeView/components/__snapshots__/LinearGenomeView.test.js.snap CHANGED
@@ -449,99 +449,96 @@ exports[`<LinearGenomeView /> renders one track, one region 1`] = `
449
449
  </div>
450
450
  </div>
451
451
  <div
452
- class="makeStyles-spacer"
453
- />
454
- <div
455
- class="makeStyles-root"
452
+ class="MuiPaper-root makeStyles-root MuiPaper-outlined MuiPaper-rounded"
456
453
  >
457
454
  <div
458
- class="MuiPaper-root makeStyles-trackRenderingContainer MuiPaper-outlined MuiPaper-rounded"
459
- data-testid="trackRenderingContainer-lgv-testConfig"
460
- role="presentation"
461
- style="height: 100px;"
455
+ class="MuiPaper-root makeStyles-trackLabel makeStyles-trackLabelOverlap makeStyles-root MuiPaper-elevation1 MuiPaper-rounded"
462
456
  >
463
- <div
464
- class="MuiPaper-root makeStyles-trackLabel makeStyles-trackLabelOverlap makeStyles-root MuiPaper-elevation1 MuiPaper-rounded"
457
+ <span
458
+ class="makeStyles-dragHandle"
459
+ data-testid="dragHandle-lgv-testConfig"
460
+ draggable="true"
461
+ >
462
+ <svg
463
+ aria-hidden="true"
464
+ class="MuiSvgIcon-root makeStyles-dragHandleIcon"
465
+ focusable="false"
466
+ viewBox="0 0 24 24"
467
+ >
468
+ <path
469
+ 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"
470
+ />
471
+ </svg>
472
+ </span>
473
+ <button
474
+ class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
475
+ tabindex="0"
476
+ title="close this track"
477
+ type="button"
465
478
  >
466
479
  <span
467
- class="makeStyles-dragHandle"
468
- data-testid="dragHandle-lgv-testConfig"
469
- draggable="true"
480
+ class="MuiIconButton-label"
470
481
  >
471
482
  <svg
472
483
  aria-hidden="true"
473
- class="MuiSvgIcon-root makeStyles-dragHandleIcon"
484
+ class="MuiSvgIcon-root"
474
485
  focusable="false"
475
486
  viewBox="0 0 24 24"
476
487
  >
477
488
  <path
478
- 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"
489
+ 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"
479
490
  />
480
491
  </svg>
481
492
  </span>
482
- <button
483
- class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
484
- tabindex="0"
485
- title="close this track"
486
- type="button"
487
- >
488
- <span
489
- class="MuiIconButton-label"
490
- >
491
- <svg
492
- aria-hidden="true"
493
- class="MuiSvgIcon-root"
494
- focusable="false"
495
- viewBox="0 0 24 24"
496
- >
497
- <path
498
- 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"
499
- />
500
- </svg>
501
- </span>
502
- <span
503
- class="MuiTouchRipple-root"
504
- />
505
- </button>
506
493
  <span
507
- class="MuiTypography-root makeStyles-trackName MuiTypography-body1"
508
- >
509
- Foo Track
510
- </span>
511
- <button
512
- aria-controls="simple-menu"
513
- aria-haspopup="true"
514
- class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
515
- data-testid="track_menu_icon"
516
- tabindex="0"
517
- type="button"
494
+ class="MuiTouchRipple-root"
495
+ />
496
+ </button>
497
+ <span
498
+ class="MuiTypography-root makeStyles-trackName MuiTypography-body1"
499
+ >
500
+ Foo Track
501
+ </span>
502
+ <button
503
+ aria-controls="simple-menu"
504
+ aria-haspopup="true"
505
+ class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
506
+ data-testid="track_menu_icon"
507
+ tabindex="0"
508
+ type="button"
509
+ >
510
+ <span
511
+ class="MuiIconButton-label"
518
512
  >
519
- <span
520
- class="MuiIconButton-label"
513
+ <svg
514
+ aria-hidden="true"
515
+ class="MuiSvgIcon-root"
516
+ focusable="false"
517
+ viewBox="0 0 24 24"
521
518
  >
522
- <svg
523
- aria-hidden="true"
524
- class="MuiSvgIcon-root"
525
- focusable="false"
526
- viewBox="0 0 24 24"
527
- >
528
- <path
529
- 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"
530
- />
531
- </svg>
532
- </span>
533
- <span
534
- class="MuiTouchRipple-root"
535
- />
536
- </button>
537
- </div>
519
+ <path
520
+ 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"
521
+ />
522
+ </svg>
523
+ </span>
524
+ <span
525
+ class="MuiTouchRipple-root"
526
+ />
527
+ </button>
528
+ </div>
529
+ <div
530
+ class="makeStyles-trackRenderingContainer"
531
+ data-testid="trackRenderingContainer-lgv-testConfig"
532
+ role="presentation"
533
+ style="height: 100px;"
534
+ >
538
535
  <div
536
+ class="makeStyles-renderingComponentContainer"
539
537
  style="transform: scaleX(1);"
540
538
  >
541
539
  <div
542
540
  class="makeStyles-display"
543
541
  data-testid="display-testConfig-LinearBareDisplay"
544
- role="presentation"
545
542
  >
546
543
  <div
547
544
  class="makeStyles-linearBlocks"
@@ -1342,99 +1339,96 @@ exports[`<LinearGenomeView /> renders two tracks, two regions 1`] = `
1342
1339
  </div>
1343
1340
  </div>
1344
1341
  <div
1345
- class="makeStyles-spacer"
1346
- />
1347
- <div
1348
- class="makeStyles-root"
1342
+ class="MuiPaper-root makeStyles-root MuiPaper-outlined MuiPaper-rounded"
1349
1343
  >
1350
1344
  <div
1351
- class="MuiPaper-root makeStyles-trackRenderingContainer MuiPaper-outlined MuiPaper-rounded"
1352
- data-testid="trackRenderingContainer-lgv-testConfig"
1353
- role="presentation"
1354
- style="height: 100px;"
1345
+ class="MuiPaper-root makeStyles-trackLabel makeStyles-trackLabelOverlap makeStyles-root MuiPaper-elevation1 MuiPaper-rounded"
1355
1346
  >
1356
- <div
1357
- class="MuiPaper-root makeStyles-trackLabel makeStyles-trackLabelOverlap makeStyles-root MuiPaper-elevation1 MuiPaper-rounded"
1347
+ <span
1348
+ class="makeStyles-dragHandle"
1349
+ data-testid="dragHandle-lgv-testConfig"
1350
+ draggable="true"
1351
+ >
1352
+ <svg
1353
+ aria-hidden="true"
1354
+ class="MuiSvgIcon-root makeStyles-dragHandleIcon"
1355
+ focusable="false"
1356
+ viewBox="0 0 24 24"
1357
+ >
1358
+ <path
1359
+ 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"
1360
+ />
1361
+ </svg>
1362
+ </span>
1363
+ <button
1364
+ class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
1365
+ tabindex="0"
1366
+ title="close this track"
1367
+ type="button"
1358
1368
  >
1359
1369
  <span
1360
- class="makeStyles-dragHandle"
1361
- data-testid="dragHandle-lgv-testConfig"
1362
- draggable="true"
1370
+ class="MuiIconButton-label"
1363
1371
  >
1364
1372
  <svg
1365
1373
  aria-hidden="true"
1366
- class="MuiSvgIcon-root makeStyles-dragHandleIcon"
1374
+ class="MuiSvgIcon-root"
1367
1375
  focusable="false"
1368
1376
  viewBox="0 0 24 24"
1369
1377
  >
1370
1378
  <path
1371
- 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"
1379
+ 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"
1372
1380
  />
1373
1381
  </svg>
1374
1382
  </span>
1375
- <button
1376
- class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
1377
- tabindex="0"
1378
- title="close this track"
1379
- type="button"
1380
- >
1381
- <span
1382
- class="MuiIconButton-label"
1383
- >
1384
- <svg
1385
- aria-hidden="true"
1386
- class="MuiSvgIcon-root"
1387
- focusable="false"
1388
- viewBox="0 0 24 24"
1389
- >
1390
- <path
1391
- 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"
1392
- />
1393
- </svg>
1394
- </span>
1395
- <span
1396
- class="MuiTouchRipple-root"
1397
- />
1398
- </button>
1399
1383
  <span
1400
- class="MuiTypography-root makeStyles-trackName MuiTypography-body1"
1401
- >
1402
- Foo Track
1403
- </span>
1404
- <button
1405
- aria-controls="simple-menu"
1406
- aria-haspopup="true"
1407
- class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
1408
- data-testid="track_menu_icon"
1409
- tabindex="0"
1410
- type="button"
1384
+ class="MuiTouchRipple-root"
1385
+ />
1386
+ </button>
1387
+ <span
1388
+ class="MuiTypography-root makeStyles-trackName MuiTypography-body1"
1389
+ >
1390
+ Foo Track
1391
+ </span>
1392
+ <button
1393
+ aria-controls="simple-menu"
1394
+ aria-haspopup="true"
1395
+ class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
1396
+ data-testid="track_menu_icon"
1397
+ tabindex="0"
1398
+ type="button"
1399
+ >
1400
+ <span
1401
+ class="MuiIconButton-label"
1411
1402
  >
1412
- <span
1413
- class="MuiIconButton-label"
1403
+ <svg
1404
+ aria-hidden="true"
1405
+ class="MuiSvgIcon-root"
1406
+ focusable="false"
1407
+ viewBox="0 0 24 24"
1414
1408
  >
1415
- <svg
1416
- aria-hidden="true"
1417
- class="MuiSvgIcon-root"
1418
- focusable="false"
1419
- viewBox="0 0 24 24"
1420
- >
1421
- <path
1422
- 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"
1423
- />
1424
- </svg>
1425
- </span>
1426
- <span
1427
- class="MuiTouchRipple-root"
1428
- />
1429
- </button>
1430
- </div>
1409
+ <path
1410
+ 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"
1411
+ />
1412
+ </svg>
1413
+ </span>
1414
+ <span
1415
+ class="MuiTouchRipple-root"
1416
+ />
1417
+ </button>
1418
+ </div>
1419
+ <div
1420
+ class="makeStyles-trackRenderingContainer"
1421
+ data-testid="trackRenderingContainer-lgv-testConfig"
1422
+ role="presentation"
1423
+ style="height: 100px;"
1424
+ >
1431
1425
  <div
1426
+ class="makeStyles-renderingComponentContainer"
1432
1427
  style="transform: scaleX(1);"
1433
1428
  >
1434
1429
  <div
1435
1430
  class="makeStyles-display"
1436
1431
  data-testid="display-testConfig-LinearBareDisplay"
1437
- role="presentation"
1438
1432
  >
1439
1433
  <div
1440
1434
  class="makeStyles-linearBlocks"
@@ -1449,17 +1443,12 @@ exports[`<LinearGenomeView /> renders two tracks, two regions 1`] = `
1449
1443
  class="makeStyles-contentBlock"
1450
1444
  style="width: 100px;"
1451
1445
  >
1452
- <div
1453
- style="position: relative;"
1454
- >
1455
- <svg
1456
- class="SvgFeatureRendering"
1457
- data-testid="svgfeatures"
1458
- height="100"
1459
- style="display: block;"
1460
- width="100"
1461
- />
1462
- </div>
1446
+ <svg
1447
+ class="SvgFeatureRendering"
1448
+ data-testid="svgfeatures"
1449
+ height="100"
1450
+ width="100"
1451
+ />
1463
1452
  </div>
1464
1453
  <div
1465
1454
  class="makeStyles-interRegionPaddingBlock"
@@ -1469,17 +1458,12 @@ exports[`<LinearGenomeView /> renders two tracks, two regions 1`] = `
1469
1458
  class="makeStyles-contentBlock"
1470
1459
  style="width: 1000px;"
1471
1460
  >
1472
- <div
1473
- style="position: relative;"
1474
- >
1475
- <svg
1476
- class="SvgFeatureRendering"
1477
- data-testid="svgfeatures"
1478
- height="100"
1479
- style="display: block;"
1480
- width="1000"
1481
- />
1482
- </div>
1461
+ <svg
1462
+ class="SvgFeatureRendering"
1463
+ data-testid="svgfeatures"
1464
+ height="100"
1465
+ width="1000"
1466
+ />
1483
1467
  </div>
1484
1468
  <div
1485
1469
  class="makeStyles-boundaryPaddingBlock"
@@ -1500,96 +1484,96 @@ exports[`<LinearGenomeView /> renders two tracks, two regions 1`] = `
1500
1484
  />
1501
1485
  </div>
1502
1486
  <div
1503
- class="makeStyles-root"
1487
+ class="MuiPaper-root makeStyles-root MuiPaper-outlined MuiPaper-rounded"
1504
1488
  >
1505
1489
  <div
1506
- class="MuiPaper-root makeStyles-trackRenderingContainer MuiPaper-outlined MuiPaper-rounded"
1507
- data-testid="trackRenderingContainer-lgv-testConfig2"
1508
- role="presentation"
1509
- style="height: 100px;"
1490
+ class="MuiPaper-root makeStyles-trackLabel makeStyles-trackLabelOverlap makeStyles-root MuiPaper-elevation1 MuiPaper-rounded"
1510
1491
  >
1511
- <div
1512
- class="MuiPaper-root makeStyles-trackLabel makeStyles-trackLabelOverlap makeStyles-root MuiPaper-elevation1 MuiPaper-rounded"
1492
+ <span
1493
+ class="makeStyles-dragHandle"
1494
+ data-testid="dragHandle-lgv-testConfig2"
1495
+ draggable="true"
1496
+ >
1497
+ <svg
1498
+ aria-hidden="true"
1499
+ class="MuiSvgIcon-root makeStyles-dragHandleIcon"
1500
+ focusable="false"
1501
+ viewBox="0 0 24 24"
1502
+ >
1503
+ <path
1504
+ 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"
1505
+ />
1506
+ </svg>
1507
+ </span>
1508
+ <button
1509
+ class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
1510
+ tabindex="0"
1511
+ title="close this track"
1512
+ type="button"
1513
1513
  >
1514
1514
  <span
1515
- class="makeStyles-dragHandle"
1516
- data-testid="dragHandle-lgv-testConfig2"
1517
- draggable="true"
1515
+ class="MuiIconButton-label"
1518
1516
  >
1519
1517
  <svg
1520
1518
  aria-hidden="true"
1521
- class="MuiSvgIcon-root makeStyles-dragHandleIcon"
1519
+ class="MuiSvgIcon-root"
1522
1520
  focusable="false"
1523
1521
  viewBox="0 0 24 24"
1524
1522
  >
1525
1523
  <path
1526
- 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"
1524
+ 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"
1527
1525
  />
1528
1526
  </svg>
1529
1527
  </span>
1530
- <button
1531
- class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
1532
- tabindex="0"
1533
- title="close this track"
1534
- type="button"
1535
- >
1536
- <span
1537
- class="MuiIconButton-label"
1538
- >
1539
- <svg
1540
- aria-hidden="true"
1541
- class="MuiSvgIcon-root"
1542
- focusable="false"
1543
- viewBox="0 0 24 24"
1544
- >
1545
- <path
1546
- 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"
1547
- />
1548
- </svg>
1549
- </span>
1550
- <span
1551
- class="MuiTouchRipple-root"
1552
- />
1553
- </button>
1554
1528
  <span
1555
- class="MuiTypography-root makeStyles-trackName MuiTypography-body1"
1556
- >
1557
- Bar Track
1558
- </span>
1559
- <button
1560
- aria-controls="simple-menu"
1561
- aria-haspopup="true"
1562
- class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
1563
- data-testid="track_menu_icon"
1564
- tabindex="0"
1565
- type="button"
1529
+ class="MuiTouchRipple-root"
1530
+ />
1531
+ </button>
1532
+ <span
1533
+ class="MuiTypography-root makeStyles-trackName MuiTypography-body1"
1534
+ >
1535
+ Bar Track
1536
+ </span>
1537
+ <button
1538
+ aria-controls="simple-menu"
1539
+ aria-haspopup="true"
1540
+ class="MuiButtonBase-root MuiIconButton-root makeStyles-iconButton MuiIconButton-colorSecondary"
1541
+ data-testid="track_menu_icon"
1542
+ tabindex="0"
1543
+ type="button"
1544
+ >
1545
+ <span
1546
+ class="MuiIconButton-label"
1566
1547
  >
1567
- <span
1568
- class="MuiIconButton-label"
1548
+ <svg
1549
+ aria-hidden="true"
1550
+ class="MuiSvgIcon-root"
1551
+ focusable="false"
1552
+ viewBox="0 0 24 24"
1569
1553
  >
1570
- <svg
1571
- aria-hidden="true"
1572
- class="MuiSvgIcon-root"
1573
- focusable="false"
1574
- viewBox="0 0 24 24"
1575
- >
1576
- <path
1577
- 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"
1578
- />
1579
- </svg>
1580
- </span>
1581
- <span
1582
- class="MuiTouchRipple-root"
1583
- />
1584
- </button>
1585
- </div>
1554
+ <path
1555
+ 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"
1556
+ />
1557
+ </svg>
1558
+ </span>
1559
+ <span
1560
+ class="MuiTouchRipple-root"
1561
+ />
1562
+ </button>
1563
+ </div>
1564
+ <div
1565
+ class="makeStyles-trackRenderingContainer"
1566
+ data-testid="trackRenderingContainer-lgv-testConfig2"
1567
+ role="presentation"
1568
+ style="height: 100px;"
1569
+ >
1586
1570
  <div
1571
+ class="makeStyles-renderingComponentContainer"
1587
1572
  style="transform: scaleX(1);"
1588
1573
  >
1589
1574
  <div
1590
1575
  class="makeStyles-display"
1591
1576
  data-testid="display-testConfig2-LinearBareDisplay"
1592
- role="presentation"
1593
1577
  >
1594
1578
  <div
1595
1579
  class="makeStyles-linearBlocks"
@@ -1604,17 +1588,12 @@ exports[`<LinearGenomeView /> renders two tracks, two regions 1`] = `
1604
1588
  class="makeStyles-contentBlock"
1605
1589
  style="width: 100px;"
1606
1590
  >
1607
- <div
1608
- style="position: relative;"
1609
- >
1610
- <svg
1611
- class="SvgFeatureRendering"
1612
- data-testid="svgfeatures"
1613
- height="100"
1614
- style="display: block;"
1615
- width="100"
1616
- />
1617
- </div>
1591
+ <svg
1592
+ class="SvgFeatureRendering"
1593
+ data-testid="svgfeatures"
1594
+ height="100"
1595
+ width="100"
1596
+ />
1618
1597
  </div>
1619
1598
  <div
1620
1599
  class="makeStyles-interRegionPaddingBlock"
@@ -1624,17 +1603,12 @@ exports[`<LinearGenomeView /> renders two tracks, two regions 1`] = `
1624
1603
  class="makeStyles-contentBlock"
1625
1604
  style="width: 1000px;"
1626
1605
  >
1627
- <div
1628
- style="position: relative;"
1629
- >
1630
- <svg
1631
- class="SvgFeatureRendering"
1632
- data-testid="svgfeatures"
1633
- height="100"
1634
- style="display: block;"
1635
- width="1000"
1636
- />
1637
- </div>
1606
+ <svg
1607
+ class="SvgFeatureRendering"
1608
+ data-testid="svgfeatures"
1609
+ height="100"
1610
+ width="1000"
1611
+ />
1638
1612
  </div>
1639
1613
  <div
1640
1614
  class="makeStyles-boundaryPaddingBlock"