title: Puppeteer error Error: waiting on selector times out
body: <p>Currently I have a site that has this in it's HTML.  I confirmed it from checking the elements in chrome developer tools.</p>
  
  <pre><code>&lt;div class="hdp-photo-carousel" style="transform: translateX(0px);"&gt;
    &lt;div class="photo-tile photo-tile-large"&gt;
  </code></pre>
  
  <p>I visually watch the page open up and I can see the item is there.  Then I get this error AFTER 30 seconds:</p>
  
  <pre><code>UnhandledPromiseRejectionWarning: TimeoutError: waiting for selector ".photo-tile" failed: timeout 30000ms exceeded
  </code></pre>
  
  <p>My code in puppeteer js for this is:</p>
  
  <pre><code>await page.waitForSelector('.photo-tile');
  </code></pre>
  
  <p>Can anyone tell me what I'm doing wrong?</p>
  
  <p>EDIT I'm adding entire code:</p>
  
  <pre><code>const pptrFirefox = require('puppeteer-firefox');
  
  (async () =&gt; {
    const browser = await pptrFirefox.launch({headless: false});
    const page = await browser.newPage();
    await page.goto('https://zillow.com');
    await page.type('.react-autosuggest__input', '8002 Blandwood Rd. Downey, CA 90240');
    await page.click('.zsg-search-button_primary');
    await page.waitForSelector('.photo-tile');
  
          console.log('did I get this far?');
  
  })();
  </code></pre>