Getting Selenium to pause for X seconds

Question

What I am trying to accomplish is browsing to a page, waiting for something to load and then taking and saving a screenshot.

The code I already have is

Answer 1

const { By, until } = require('selenium-webdriver');


this.wait = async function (amount: number) {
      try {
        await this.driver.wait(
          until.elementLocated(By.css('[data-test-id="does-not-exist"]')),
          amount,
          'Looking for element'
        );
      } catch (e) {
        console.log('waiting')
      }

We look for a css identifier that isn't there for x amount of seconds. This is typescript btw. This would be a method on some relevant class, or a function by itself. Use it like this

  const button = await this.findByCSSSelector('[data-test-id="get-quote-button"]')
  const actions = this.driver.actions({ bridge: true }); 
  await actions.move({origin: button }).perform();

  // Small pause to observe animation is working correctly in all browsers
  await this.wait(700)

  const carat = await this.findByCSSSelector('[data-test-id="carat"]');

This waits for .7 of a second so that you can see that whatever animation is working in your functional tests.