reactjs - 如何使用 Spectron 选择 React 组件？

Question

我正在使用 Spectron 测试基于 React 的 Electron 应用程序。我想选择一个 React 组件，我正在尝试为此访问 WebDriverIO 的浏览器并调用 react$，但是找不到该函数 - 'app.client.react$ 不是一个函数'.

这是我的代码(使用 AVA):

test.serial('First Test', async t => {
  const app = t.context.app;

  await app.client.waitUntilWindowLoaded();
  const win = app.browserWindow;
  t.is(await app.client.getWindowCount(), 1);
  t.false(await win.isMinimized());
  t.false(await win.isDevToolsOpened());
  t.true(await win.isVisible());
  t.true(await win.isFocused());
  console.log(await app.client.react$('MyCoponent'));
});

这是错误:

 TypeError {
    message: 'app.client.react$ is not a function',
  }

有什么想法吗？

Answer 1

Spectron 基于 WebdriverIO 版本 4 构建，尚未更新以支持版本 5(尽管有一个 GitHub issue 可以做到这一点)。 React selectors已添加到 WebdriverIO 的 5.8.0 版中。当 Spectron 更新为支持 WebdriverIO 版本 5 时，您的代码应该可以工作。