How to work with multi-product sites with popop modals

[phirestalker]

I am trying to check this page to see when the barrel is in stock. They have a couple of products that you have to choose using a dropdown.

However, I cannot seem to solve the "simple" problem of dismissing (or removing) their stupid newsletter popup modal. I used an extension in Chrome to copy the CSS selector for it. I put that selector in remove elements under filters & triggers tab. When it runs, the modal is in the screenshot, and the JavaScript I am trying to use to pick the correct item cannot find the element. Which makes me think that it is not seeing it because of the popup.

css selector body#petjc-intelligent-litter-box-pro-version-special-accessories > div.wrapper-newsletter.halo-modal
URL: https://www.petjc.com/products/accessories?variant=43347214958828
Is the screenshot taken after the removal?
What is the correct way to deal with these modal popups?

EDIT: forgot to put selector and URL

[dgtlmoon]

"remove elements " is only for the text-extraction

use the browser-steps

[phirestalker]

That modal popup does not show up there because they have a delay. Once I try to choose the product it shows up, which messes up the flow. In addition, the dropdown does not dropdown on click. I have tried using select value, but I get an error message. 'browsersteps_live_ui' object has no attribute 'action_select_by_label'

…

On Sun, Apr 9, 2023 at 7:33 AM dgtlmoon ***@***.***> wrote: "remove elements " is only for the text-extraction use the browser-steps — Reply to this email directly, view it on GitHub <#1521 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABZBOZ6ZAZY35IJEDUTD2R3XALCB7ANCNFSM6AAAAAAWYEWNF4> . You are receiving this because you authored the thread.Message ID: ***@***.*** .com>

[dgtlmoon]

#1228 for now :(

[phirestalker]

Oh. Any idea why document.querySelector("#product-selectors-option-0").value="Inner barrel"; on the request tab doesn't seem to select it either?

[phirestalker]

Dang. It is setting the value, but it doesn't trigger their JavaScript. I just checked the screenshot. What might trigger it?
EDIT: nm figured it out.

[phirestalker]

I got the page to show the correct product. I selected the button that now says out of stock on the visual selector tab. Now when it runs it says that there is no text detected there. I checked and the button does have a value that says "out of stock". It is not a picture. Why would it not detect the text of the button?

EDIT: Figured it out.