node.js puppeteerにて、プルダウンの選択ができるようにしたいです。

Question

初心者です。
最近勉強を始めたのですが、この部分だけどうしてもわからなかったため、ご教授いただけるとありがたいです。

前提・実現したいこと

GCPのnode.js puppeteerにて、プルダウンの選択ができるようにしたいです。

発生している問題

プルダウンの選択ができません。

該当のソースコード

<div class="bmm-l-col bmm-l-col-9"><div class="bmm-c-field"><div class="bmm-l-grid bmm-l-grid-no-bottom"><div class="bmm-l-col bmm-l-col-6"><div class="Select bmm-c-custom-select has-value Select--single"><div class="Select-control"><span class="Select-multi-value-wrapper" id="react-select-3--value"><div class="Select-value"><span class="Select-value-label" role="option" aria-selected="true" id="react-select-3--value-item">指定なし</span></div><div aria-expanded="false" aria-owns="" aria-activedescendant="react-select-3--value" aria-disabled="false" class="Select-input" role="combobox" tabindex="0" style="border: 0px; width: 1px; display: inline-block;"></div></span><span class="Select-arrow-zone"><span class="Select-arrow"></span></span></div></div></div></div></div></div>

選択できたら、「指定なし」の部分に選択された文字が入るようになっています。
この部分をnode.js puppeteerにて、プルダウンの選択できるようにしたいです。

試したこと

selectタグがないので、await page.select(selector, ...values);を試せませんでした。
どうしてもわからなかったので、ご教授いただきたいです。

Answer 1

こちらの質問自己解決しました。