A. Consistency is all over the place; running !headless, I watch it sometimes work, sometimes it doesn't (like types in wrong data), it's really 50/50. How can my code be optimized for 100% reliability?

Update:
Fixed inconsistencies by implementing a promise delay function & delaying actions.

How can I click on a button that is not a submit type nor has a name nor id?

<button class=sb-frap data-e2e=sendGift>Send gift</button>

JS Path:

document.querySelector(#js-content > div > div:nth-child(6) > span > div > div.absolute.bg-white.overflow-auto.content___2_l5Q > div > div > div > div > div.invisible.base___3dWsJ.alwaysRelative___3FHV5 > div > span > div > button)

await Promise.all([

 await page.waitForSelector(.sb-frap),

 await page.click('button[class=.sb-frap]'),

  ]);

})();

Any help will greatly appreciated!