小编dma*_*arr的帖子

我想创建一个测试套件,它将karma针对我的应用程序运行,该应用程序使用webpack来构建自己.我有两个入口点,app和vendors.这些是通过我的webpack.config.js文件在这里设置的.生成的bundle.js应该在其生成的文件中包含这两个入口点.我居住的业力(摩卡)测试test/spec/*_spec.js目前指向特定组件,通过需要的语句,如:

var app = require('../src/scripts/App')

他们还使用react/jsx,这似乎在测试运行期间导致问题,我得到jsx错误:

Module parse failed: /Users/dmarr/src/status/test/spec/app_spec.js Line 10: Unexpected token < You may need an appropriate loader to handle this file type.

我希望尽可能快地保持测试运行以及webpack-dev-server在开发期间进行测试的快速构建时间,只需将babel变换最小化到需要的地方.

我需要在karma.conf.js中做些什么来使我的构建工作？这是我正在玩的karma.conf.js文件.

请注意,我确实有这个工作,而没有在这里打破供应商包:https://github.com/bitwise/status

谢谢你的帮助,戴夫

我正在尝试覆盖 Material-UI TreeView 组件中所选 TreeItem 的样式。根据 CSS API 文档，有一个selected选择器，但是当我使用它时，我看到整个子树都被设置了样式，而不仅仅是所选项目。用于仅设置所选树项样式的正确选择器是什么？

代码沙盒：https : //codesandbox.io/s/nostalgic-flower-e85cd? file =/ src/ App.js

import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import TreeView from "@material-ui/lab/TreeView";
import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
import ChevronRightIcon from "@material-ui/icons/ChevronRight";
import MuiTreeItem from "@material-ui/lab/TreeItem";
import { withStyles } from "@material-ui/core/styles";

const useStyles = makeStyles({
  root: {
    height: 240,
    flexGrow: 1,
    maxWidth: 400
  }
});

const TreeItem = withStyles({
  selected: {
    color: "red"
  }
})(MuiTreeItem);

export default function FileSystemNavigator() { …