Как увеличить время ожидания загрузки страницы?

Question

Как увеличить время ожидания загрузки страницы?

ТЛ; др;

Мне нужно увеличить это время ожидания:

КОМАНДА | Команда `test` завершилась с ошибкой после [32.585s]
КОМАНДА | BackstopExcpetion: тест № 1 для неопределенного: GotoTimeoutError: goto() тайм-аут

Рассмотрим следующий код сервера:

const http = require('http');

const hostname = '0.0.0.0';
const port = 3000;

http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/html');
  res.end(`<!DOCTYPE html>
    <title>Test Page</title>
    <script>console.log("Hello world!")</script>
    <h1>Hello world!</h1>
  `);
}).listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

и конфигурация BackstopJS с 4 * 3 = 12 тестами:

{
  "id": "backstop_default",
  "viewports": [
    { "label": "phone_portrait",     "width":  320,   "height":  480 },
    { "label": "phone_landscape",    "width":  480,   "height":  320 },
    { "label": "tablet_portrait",    "width":  768,   "height": 1024 },
    { "label": "tablet_landscape",   "width": 1024,   "height":  768 }
  ],
  "scenarios": [
    { "label": "Test #1",   "url": "http://localhost:3000/",   "selectors": ["body"] },
    { "label": "Test #2",   "url": "http://localhost:3000/",   "selectors": ["body"] },
    { "label": "Test #3",   "url": "http://localhost:3000/",   "selectors": ["body"] }
  ],
  "paths": {
    "bitmaps_reference": "backstop_data/bitmaps_reference",
    "bitmaps_test": "backstop_data/bitmaps_test",
    "engine_scripts": "backstop_data/engine_scripts",
    "html_report": "backstop_data/html_report",
    "ci_report": "backstop_data/ci_report"
  },
  "report": ["browser"],
  "engine": "chrome",
  "engineFlags": []
}

Когда я начну backstop test, все отлично работает

D:\Temp\Supertemp\server-delay>backstop test
BackstopJS v3.0.22
Loading config:  D:\Temp\Supertemp\server-delay\backstop.json

COMMAND | Executing core for `test`
createBitmaps | Selcted 3 of 3 scenarios.
Starting Chromy: port:9222 --disable-gpu,--force-device-scale-factor=1,--window-size=320,480
Starting Chromy: port:9223 --disable-gpu,--force-device-scale-factor=1,--window-size=480,320
Starting Chromy: port:9224 --disable-gpu,--force-device-scale-factor=1,--window-size=768,1024
Starting Chromy: port:9225 --disable-gpu,--force-device-scale-factor=1,--window-size=1024,768
Starting Chromy: port:9226 --disable-gpu,--force-device-scale-factor=1,--window-size=320,480
Starting Chromy: port:9227 --disable-gpu,--force-device-scale-factor=1,--window-size=480,320
Starting Chromy: port:9228 --disable-gpu,--force-device-scale-factor=1,--window-size=768,1024
Starting Chromy: port:9229 --disable-gpu,--force-device-scale-factor=1,--window-size=1024,768
Starting Chromy: port:9230 --disable-gpu,--force-device-scale-factor=1,--window-size=320,480
Starting Chromy: port:9231 --disable-gpu,--force-device-scale-factor=1,--window-size=480,320
9224 LOG >  Hello world!
9227 LOG >  Hello world!
9226 LOG >  Hello world!
9222 LOG >  Hello world!
9223 LOG >  Hello world!
9225 LOG >  Hello world!
9228 LOG >  Hello world!
9231 LOG >  Hello world!
9229 LOG >  Hello world!
9230 LOG >  Hello world!
Starting Chromy: port:9232 --disable-gpu,--force-device-scale-factor=1,--window-size=768,1024
Starting Chromy: port:9233 --disable-gpu,--force-device-scale-factor=1,--window-size=1024,768
9232 LOG >  Hello world!
9233 LOG >  Hello world!
      COMMAND | Executing core for `report`
      compare | OK: Test #1 backstop_default_Test_1_0_body_0_phone_portrait.png
      compare | OK: Test #1 backstop_default_Test_1_0_body_1_phone_landscape.png
      compare | OK: Test #1 backstop_default_Test_1_0_body_2_tablet_portrait.png
      compare | OK: Test #1 backstop_default_Test_1_0_body_3_tablet_landscape.png
      compare | OK: Test #2 backstop_default_Test_2_0_body_0_phone_portrait.png
      compare | OK: Test #2 backstop_default_Test_2_0_body_1_phone_landscape.png
      compare | OK: Test #2 backstop_default_Test_2_0_body_2_tablet_portrait.png
      compare | OK: Test #2 backstop_default_Test_2_0_body_3_tablet_landscape.png
      compare | OK: Test #3 backstop_default_Test_3_0_body_0_phone_portrait.png
      compare | OK: Test #3 backstop_default_Test_3_0_body_1_phone_landscape.png
      compare | OK: Test #3 backstop_default_Test_3_0_body_2_tablet_portrait.png
      compare | OK: Test #3 backstop_default_Test_3_0_body_3_tablet_landscape.png
       report | Test completed...
       report | 12 Passed
       report | 0 Failed
       report | Writing browser report
       report | Browser reported copied
       report | Copied configuration to: D:\Temp\Supertemp\server-delay\backstop_data\html_report\config.js
      COMMAND | Executing core for `openReport`
   openReport | Opening report.
      COMMAND | Command `openReport` sucessfully executed in [0.114s]
      COMMAND | Command `report` sucessfully executed in [0.182s]
      COMMAND | Command `test` sucessfully executed in [8.495s]

Но теперь давайте сделаем задержку сервера за 40 секунд до отправки страницы:

const http = require('http');

const hostname = '0.0.0.0';
const port = 3000;

http.createServer((req, res) => {
  setTimeout(() => {
    res.statusCode = 200;
    res.setHeader('Content-Type', 'text/html');
    res.end(`<!DOCTYPE html>
      <title>Test Page</title>
      <script>console.log("Hello world!")</script>
      <h1>Hello world!</h1>
    `);
  }, 40000);
}).listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

и беги backstop test:

D:\Temp\Supertemp\server-delay>backstop test
BackstopJS v3.0.22
Loading config:  D:\Temp\Supertemp\server-delay\backstop.json

COMMAND | Executing core for `test`
createBitmaps | Selcted 3 of 3 scenarios.
Starting Chromy: port:9222 --disable-gpu,--force-device-scale-factor=1,--window-size=320,480
Starting Chromy: port:9223 --disable-gpu,--force-device-scale-factor=1,--window-size=480,320
Starting Chromy: port:9224 --disable-gpu,--force-device-scale-factor=1,--window-size=768,1024
Starting Chromy: port:9225 --disable-gpu,--force-device-scale-factor=1,--window-size=1024,768
Starting Chromy: port:9226 --disable-gpu,--force-device-scale-factor=1,--window-size=320,480
Starting Chromy: port:9227 --disable-gpu,--force-device-scale-factor=1,--window-size=480,320
Starting Chromy: port:9228 --disable-gpu,--force-device-scale-factor=1,--window-size=768,1024
Starting Chromy: port:9229 --disable-gpu,--force-device-scale-factor=1,--window-size=1024,768
Starting Chromy: port:9230 --disable-gpu,--force-device-scale-factor=1,--window-size=320,480
Starting Chromy: port:9231 --disable-gpu,--force-device-scale-factor=1,--window-size=480,320
      COMMAND | Command `test` ended with an error after [32.585s]
      COMMAND | BackstopExcpetion: Test #1 on undefined: GotoTimeoutError: goto() timeout
9230 LOG >  Hello world!
9228 LOG >  Hello world!
9222 LOG >  Hello world!
9224 LOG >  Hello world!
9227 LOG >  Hello world!
9231 LOG >  Hello world!
9223 LOG >  Hello world!
9225 LOG >  Hello world!
9229 LOG >  Hello world!
9226 LOG >  Hello world!

Как видите, есть ошибка

КОМАНДА | Команда `test` завершилась с ошибкой после [32.585s]
КОМАНДА | BackstopExcpetion: тест № 1 для неопределенного: GotoTimeoutError: goto() тайм-аут

но после этого мы можем увидеть console.log выполнено на странице. Backstop начинает бесконечное ожидание чего-то... Во всяком случае, это не вопрос.

Меня интересует возможность увеличить время ожидания на 30 секунд, так как в некоторых случаях серверу разработки требуется больше времени для обслуживания контента. Как я могу настроить это?

1

node.js google-chrome testing regression-testing backstop.js

Источник

user4928642 28 сен '17 в 22:54

2 ответа

Решение

Вы можете передать любые параметры chromy в backstop.json, добавив атрибут engineOptions следующим образом

{
    "engineOptions": {
      "gotoTimeout": 60000
    }
}

0

Источник

user8349050 25 мар '18 в 21:20

Другие вопросы по тегам node.js google-chrome testing regression-testing backstop.js

user467354 18 окт '17 в 00:24 2017-10-18 00:24 · Accepted Answer · 2017-10-18 00:24

В onBeforeScript Вы можете получить доступ к Chromy до того, как будут отправлены какие-либо запросы, и установить время ожидания (и другие параметры):

module.exports = function (chromy) {
  chromy.options.gotoTimeout = 60000;
};

2

Источник

user467354 18 окт '17 в 00:24