extract test-utils as its own package for use with plugins, etc.

packages/cli/config/eslint.js

@@ -61,7 +61,7 @@ module.exports = {
       },
     },
     {
-      files: ['**/*.test.*', '**/src/setupTests.*', '**/src/testUtils/**'],
+      files: ['**/*.test.*', '**/src/setupTests.*'],
       rules: {
         // Tests are allowed to import dev dependencies
         'import/no-extraneous-dependencies': [

packages/cli/src/commands/plugin/rollup.config.ts

@@ -46,7 +46,6 @@ export default {
     json(),
     typescript({
       include: `${paths.resolveTarget('src')}/**/*.{js,jsx,ts,tsx}`,
-      exclude: [paths.resolveTarget('src/testUtils/**')],
     }),
   ],
 } as RollupWatchOptions;

packages/cli/templates/default-app/packages/app/src/App.tsx

@@ -1,5 +1,6 @@
 import { CssBaseline, makeStyles, ThemeProvider } from '@material-ui/core';
-import { BackstageTheme, createApp } from '@backstage/core';
+import { createApp } from '@backstage/core';
+import { BackstageTheme } from '@backstage/theme';
 import React, { FC } from 'react';
 import { BrowserRouter as Router } from 'react-router-dom';
 import * as plugins from './plugins';

packages/cli/templates/default-app/plugins/welcome/package.json.hbs

@@ -10,11 +10,12 @@
     "test": "backstage-cli test"
   },
   "devDependencies": {
-    "@backstage/core": "^{{version}}",
     "@backstage/cli": "^{{version}}",
     "@types/testing-library__jest-dom": "5.0.2"
   },
   "dependencies": {
-    "@material-ui/lab": "4.0.0-alpha.45"
+    "@material-ui/lab": "4.0.0-alpha.45",
+    "@backstage/core": "^{{version}}",
+    "@backstage/theme": "^{{version}}"
   }
 }

packages/cli/templates/default-app/plugins/welcome/src/components/WelcomePage/WelcomePage.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import WelcomePage from './WelcomePage';
 import { ThemeProvider } from '@material-ui/core';
-import { BackstageTheme } from '@backstage/core';
+import { BackstageTheme } from '@backstage/theme';
 
 describe('WelcomePage', () => {
   it('should render', () => {

packages/cli/templates/default-plugin/package.json.hbs

@@ -22,6 +22,7 @@
   },
   "peerDependencies": {
     "@backstage/core": "^{{version}}",
+    "@backstage/theme": "^{{version}}",
     "@material-ui/core": "^4.9.1",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",

packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.test.tsx.hbs

@@ -19,7 +19,7 @@ import { render } from '@testing-library/react';
 import mockFetch from 'jest-fetch-mock';
 import ExampleComponent from './ExampleComponent';
 import { ThemeProvider } from '@material-ui/core';
-import { BackstageTheme } from '@backstage/core';
+import { BackstageTheme } from '@backstage/theme';
 
 describe('ExampleComponent', () => {
   it('should render', () => {