puppeteer - React-Select：如何为下拉列表的每个选项添加自定义类名？

Question

我想在React-select dropdown的每个选项中添加一个自定义类名。稍后，使用该类名作为参考并单击Puppeteer进行端到端测试。

现在，当我单击下拉列表时，它具有动态类，当想要调试 HTML 结构时，下拉列表关闭并且 HTML 也消失了。

代码如下：

<Select
    options={this.loadSuppliers()}
    value={this.props.supplierPicker ? this.props.supplierPicker : []}
    defaultValue={
        this.state.SupplierId
    }
    isSearchable={true}
    onChange={this.onChangeSupplier}
    id="supplier"
    >
</Select>

SupplierPick 具有 JSON 值和标签作为键。

标签： puppeteerreact-select