Validate multiple selectors in DOM

Related to question

Is it possible to validate with Puppeteer v1.11.0 (or other approach) what is the first selector in appears of a group of selectors and know which one it was to perform an action?

selector1 = `#user`;
selector2 = `#search`;
selector3 = `#error`;

waitForSelector(selector1 OR selector2 OR selector3)

if(selector1){
 //do something
}else if(selector2){
 //do other something
}else if(selector3){
 //do other other something 
}else{
 //finally do...
}

[vsemozhetbyt]

Something like this?

'use strict';

const puppeteer = require('puppeteer');

(async function main() {
  try {
    const browser = await puppeteer.launch();
    const [page] = await browser.pages();

    await page.goto('https://example.org/');

    const selectors = ['h1', 'p', 'a'];

    const jsHandle = await page.waitForFunction((selectors) => {
      for (const selector of selectors) {
        if (document.querySelector(selector) !== null) {
          return selector;
        }
      }
      return false;
    }, {}, selectors);

    const selector = await jsHandle.jsonValue();

    if (selector === selectors[0]) {
      console.log(`The first selector is '${selectors[0]}'.`);
    } else if (selector === selectors[1]) {
      console.log(`The first selector is '${selectors[1]}'.`);
    } else if (selector === selectors[2]) {
      console.log(`The first selector is '${selectors[2]}'.`);
    } else {
      console.log('Something strange happens.');
    }

    await browser.close();
  } catch (err) {
    console.error(err);
  }
})();

The first selector is 'h1'.

[dcr007]

how about using Promise.race() something like this : await Promise.race([await this.page.$(selector1), await this.page.$(selector2)]);