@jbrowse/plugin-data-management 2.0.0 → 2.1.2

package/src/PluginStoreWidget/components/PluginStoreWidget.test.js

@@ -1,6 +1,8 @@
 import React from 'react'
 import { getSnapshot, getParent } from 'mobx-state-tree'
+import { ThemeProvider } from '@mui/material/styles'
 import { render, cleanup, fireEvent, waitFor } from '@testing-library/react'
+import { createJBrowseTheme } from '@jbrowse/core/ui'
 import { createTestSession } from '@jbrowse/web/src/rootModel'
 
 import PluginStoreWidget from './PluginStoreWidget'
@@ -42,14 +44,20 @@ describe('<PluginStoreWidget />', () => {
 
   it('renders with the available plugins', async () => {
     const { container, findByText } = render(
-      <PluginStoreWidget model={model} />,
+      <ThemeProvider theme={createJBrowseTheme()}>
+        <PluginStoreWidget model={model} />
+      </ThemeProvider>,
     )
     await findByText('multiple sequence alignment browser plugin for JBrowse 2')
     expect(container.firstChild).toMatchSnapshot()
   })
 
   it('Installs a session plugin', async () => {
-    const { findByText } = render(<PluginStoreWidget model={model} />)
+    const { findByText } = render(
+      <ThemeProvider theme={createJBrowseTheme()}>
+        <PluginStoreWidget model={model} />
+      </ThemeProvider>,
+    )
     await findByText('multiple sequence alignment browser plugin for JBrowse 2')
     fireEvent.click(await findByText('Install'))
     await waitFor(() => {
@@ -62,7 +70,9 @@ describe('<PluginStoreWidget />', () => {
     session = createTestSession({}, true)
     model = session.addWidget('PluginStoreWidget', 'pluginStoreWidget')
     const { findByText, getByText, getByLabelText } = render(
-      <PluginStoreWidget model={model} />,
+      <ThemeProvider theme={createJBrowseTheme()}>
+        <PluginStoreWidget model={model} />
+      </ThemeProvider>,
     )
     await findByText('multiple sequence alignment browser plugin for JBrowse 2')
     fireEvent.click(getByText('Add custom plugin'))
@@ -99,7 +109,9 @@ describe('<PluginStoreWidget />', () => {
     const { jbrowse } = rootModel
     jbrowse.addPlugin(plugins.plugins[0])
     const { findByText, getByText, getByTestId } = render(
-      <PluginStoreWidget model={model} />,
+      <ThemeProvider theme={createJBrowseTheme()}>
+        <PluginStoreWidget model={model} />
+      </ThemeProvider>,
     )
     await findByText('multiple sequence alignment browser plugin for JBrowse 2')
     fireEvent.click(getByTestId('removePlugin-SVGPlugin'))

package/src/PluginStoreWidget/components/PluginStoreWidget.tsx

@@ -37,8 +37,7 @@ const useStyles = makeStyles()(theme => ({
   adminBadge: {
     margin: '0.5em',
     borderRadius: 3,
-    // this is the quaternary color in JB2 palette
-    backgroundColor: '#FFB11D',
+    backgroundColor: theme.palette.quaternary.main,
     padding: '1em',
     display: 'flex',
     alignContent: 'center',