小编AJC*_*C24的帖子

我正在使用 BackstopJS 在一些 React 组件上运行一些视觉回归测试。我将所有组件都显示在“通用”包装器内的各个 Storybook 页面上。

例如，Storybook 中的每个故事都设置为显示以下内容：

<div key="my_unique_key" id="component_preview">
  <MyReactComponentHere />
</div>

由于我的所有组件都显示在带有 ID 的公共容器内的单独页面上component_preview，我想在 BackstopJS 中为所有测试套件设置一个选择器，以便这是每个测试（即这是为了避免捕获与每个页面上的组件一起显示的任何降价或道具表）。

我知道我可以在每个场景中单独设置如下：

scenarios: [
  {
    ...
    selectors: [
      'div[id="component_preview"]'
    ],
    ...
  }
],

但是鉴于我可能有大量场景（这是一个不断增长的项目，所以我不知道将来要单独捕获多少个组件），我希望能够将其设置为所有场景的一般规则，不必为每个单独的场景单独设置。

我试过selectors在scenarios配置之外设置一个数组，但没有任何效果。

是否可以为所有场景设置一个这样的通用选择器，而不必在每个场景中单独设置它？

如果我必须在每个场景中单独设置这没什么大不了的（只是意味着更多的工作/相同配置的重复），但如果可能的话，我想避免这样做。