{"id":484439,"date":"2026-06-21T17:31:19","date_gmt":"2026-06-21T17:31:19","guid":{"rendered":"https:\/\/savepearlharbor.com\/?p=484439"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=484439","title":{"rendered":"Playwright, Selenium, Cypress, WebdriverIO: \u0447\u0442\u043e \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e \u043e \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0432 2026 \u0433\u043e\u0434\u0443 (\u0438 \u043a\u0430\u043a \u043d\u0430\u043c\u0435\u0440\u0438\u0442\u044c \u0441\u0432\u043e\u0438 \u0446\u0438\u0444\u0440\u044b)"},"content":{"rendered":"<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>\u0417\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u043c\u0435\u0441\u044f\u0446 \u044f \u043d\u0430\u0441\u0447\u0438\u0442\u0430\u043b \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0441\u0435\u043c\u044c \u0441\u0432\u0435\u0436\u0438\u0445 \u0441\u0442\u0430\u0442\u0435\u0439 \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c \u0432 \u0434\u0443\u0445\u0435 &#171;Playwright \u0431\u044b\u0441\u0442\u0440\u0435\u0435 Selenium \u043d\u0430 N%&#187;. \u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e N \u0443 \u0432\u0441\u0435\u0445 \u0440\u0430\u0437\u043d\u044b\u0439: 23%, 42%, 63%, &#171;1.85x&#187;. \u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u043e\u0447\u0442\u0438 \u043d\u0438\u0433\u0434\u0435 \u043d\u0435 \u0440\u0430\u0441\u043a\u0440\u044b\u0442\u0430 \u0434\u0430\u043b\u044c\u0448\u0435 \u0444\u0440\u0430\u0437\u044b &#171;controlled environment&#187;. \u0414\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 CI-\u0431\u044e\u0434\u0436\u0435\u0442 \u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u0442\u0435\u0441\u0442\u043e\u0432 \u043d\u0430 \u0433\u043e\u0434\u044b \u0432\u043f\u0435\u0440\u0451\u0434, \u044d\u0442\u043e \u043d\u0435 \u0446\u0438\u0444\u0440\u044b \u2014 \u044d\u0442\u043e \u0448\u0443\u043c.<\/p>\n<p>\u0417\u0434\u0435\u0441\u044c \u2014 \u0447\u0442\u043e \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u0448\u0443\u043c\u0430 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043d\u0430 \u0447\u0442\u043e-\u0442\u043e \u043e\u043f\u0438\u0440\u0430\u0435\u0442\u0441\u044f, \u043f\u043e\u0447\u0435\u043c\u0443 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u043d\u0435\u0441\u043e\u043f\u043e\u0441\u0442\u0430\u0432\u0438\u043c\u043e, \u0438 \u0440\u0430\u0431\u043e\u0447\u0438\u0439 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a-\u0445\u0430\u0440\u043d\u0435\u0441\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0433\u043d\u0430\u0442\u044c \u043d\u0430 \u0441\u0432\u043e\u0451\u043c \u0441\u0442\u0435\u043a\u0435 \u0437\u0430 \u043e\u0434\u0438\u043d CI-job \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0438\u043c\u0435\u043d\u043d\u043e \u0441\u0432\u043e\u0438 \u0447\u0438\u0441\u043b\u0430, \u0430 \u043d\u0435 \u0447\u0443\u0436\u0438\u0435 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b.<\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/d00\/260\/f78\/d00260f78d3d964c8445492fc001fa59.jpg\" width=\"500\" height=\"399\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/d00\/260\/f78\/d00260f78d3d964c8445492fc001fa59.jpg 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/d00\/260\/f78\/d00260f78d3d964c8445492fc001fa59.jpg 781w\" loading=\"lazy\" decode=\"async\"\/><\/figure>\n<h3>\u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u043e\u043e\u0431\u0449\u0435 \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u043d\u0438\u0446\u0430<\/h3>\n<p>\u0412\u0441\u0435 \u0447\u0435\u0442\u044b\u0440\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443 \u0433\u043e\u0432\u043e\u0440\u044f\u0442 \u0441 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c, \u0438 \u044d\u0442\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u2014 \u043d\u0435 \u0434\u0435\u0442\u0430\u043b\u044c, \u0430 \u0433\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u0440\u0430\u0437\u043d\u0438\u0446\u044b \u0432 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438.<\/p>\n<p><strong>Selenium<\/strong> \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0447\u0435\u0440\u0435\u0437 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b WebDriver: \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0438\u0437 \u0442\u0435\u0441\u0442\u0430 \u0438\u0434\u0451\u0442 HTTP-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u043c \u043a \u0434\u0440\u0430\u0439\u0432\u0435\u0440\u0443 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 (chromedriver\/geckodriver), \u0442\u043e\u0442 \u0442\u0440\u0430\u043d\u0441\u043b\u0438\u0440\u0443\u0435\u0442 \u0435\u0451 \u0432 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0432\u044b\u0437\u043e\u0432. \u041a\u0430\u0436\u0434\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u2014 \u044d\u0442\u043e \u0437\u0430\u043f\u0440\u043e\u0441-\u043e\u0442\u0432\u0435\u0442 \u043f\u043e HTTP, \u0438 \u044d\u0442\u0430 \u0441\u0432\u044f\u0437\u043a\u0430 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0443 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u0448\u0430\u0433\u0435. Selenium 4 \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b BiDi (\u0434\u0432\u0443\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439, \u043f\u043e\u0432\u0435\u0440\u0445 WebSocket) \u0434\u043b\u044f \u0447\u0430\u0441\u0442\u0438 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0439 \u2014 \u0441\u0435\u0442\u0435\u0432\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u0445\u0432\u0430\u0442\u0430, \u043b\u043e\u0433\u043e\u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438, \u2014 \u043d\u043e \u0431\u0430\u0437\u043e\u0432\u043e\u0435 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u0430\u043d\u0434 \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u0438\u0434\u0451\u0442 \u0447\u0435\u0440\u0435\u0437 HTTP-\u0441\u043b\u043e\u0439 WebDriver.<\/p>\n<p><strong>Cypress<\/strong> \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u043d\u0435 \u0432\u044b\u0445\u043e\u0434\u0438\u0442 \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u044b \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430: \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0439 \u0440\u0430\u043d\u043d\u0435\u0440 \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c \u0436\u0435 event loop, \u0447\u0442\u043e \u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0431\u0435\u0437 \u043a\u0430\u043a\u043e\u0433\u043e-\u043b\u0438\u0431\u043e \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0430 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438. \u042d\u0442\u043e \u0434\u0430\u0451\u0442 \u043d\u0443\u043b\u0435\u0432\u0443\u044e \u0441\u0435\u0442\u0435\u0432\u0443\u044e \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0443 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435, \u043d\u043e \u0446\u0435\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0439 \u2014 Cypress \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e-\u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u043c\u0443 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0432\u0442\u043e\u0440\u044b\u043c \u0442\u0430\u0431\u043e\u043c, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0441\u0430\u043c \u0440\u0430\u043d\u043d\u0435\u0440 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 iframe \u0440\u044f\u0434\u043e\u043c \u0441 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c.<\/p>\n<p><strong>Playwright<\/strong> \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043a \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043f\u043e \u0438\u0445 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c debug-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0430\u043c \u2014 Chrome DevTools Protocol \u0434\u043b\u044f Chromium, \u043f\u0430\u0442\u0447\u0435\u043d\u044b\u0439 Marionette \u0434\u043b\u044f Firefox, WebKit Inspector Protocol \u0434\u043b\u044f WebKit \u2014 \u0447\u0435\u0440\u0435\u0437 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0435 WebSocket-\u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u0435. HTTP-\u0441\u043b\u043e\u044f \u043c\u0435\u0436\u0434\u0443 \u0442\u0435\u0441\u0442\u043e\u043c \u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c \u043d\u0435\u0442 \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435.<\/p>\n<p><strong>WebdriverIO<\/strong> \u2014 \u043e\u0441\u043e\u0431\u044b\u0439 \u0441\u043b\u0443\u0447\u0430\u0439: \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0438 \u0447\u0435\u0440\u0435\u0437 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 WebDriver-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b (\u0442\u043e\u0433\u0434\u0430 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u043e \u0431\u043b\u0438\u0437\u043e\u043a \u043a Selenium), \u0438 \u0447\u0435\u0440\u0435\u0437 DevTools\/BiDi-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 \u0447\u0430\u0441\u0442\u0438 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a\u043e\u0432 WDIO \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u0432 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044e &#171;\u0431\u044b\u0441\u0442\u0440\u044b\u0439&#187;, \u0430 \u0432 \u0447\u0430\u0441\u0442\u0438 \u2014 \u0432 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044e &#171;\u043a\u0430\u043a Selenium&#187;, \u0438 \u044d\u0442\u043e \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0442 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a\u043e\u0439 \u0434\u0440\u0430\u0439\u0432\u0435\u0440 \u0432\u044b\u0431\u0440\u0430\u043b \u0430\u0432\u0442\u043e\u0440 \u0442\u0435\u0441\u0442\u0430.<\/p>\n<p>\u0418\u0437 \u044d\u0442\u043e\u0433\u043e \u0443\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u0432\u044b\u0432\u043e\u0434 \u0431\u0435\u0437 \u0435\u0434\u0438\u043d\u043e\u0433\u043e \u0437\u0430\u043c\u0435\u0440\u0430: WebSocket-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u044b (Playwright, WDIO \u0432 DevTools-\u0440\u0435\u0436\u0438\u043c\u0435) \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u043e \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u0435\u0435, \u0447\u0435\u043c HTTP-polling (\u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 WebDriver), \u043f\u0440\u0438 \u043f\u0440\u043e\u0447\u0438\u0445 \u0440\u0430\u0432\u043d\u044b\u0445. \u0412\u043e\u043f\u0440\u043e\u0441 \u043d\u0435 &#171;\u0431\u0443\u0434\u0435\u0442 \u043b\u0438 \u0440\u0430\u0437\u043d\u0438\u0446\u0430&#187;, \u0430 &#171;\u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u043d\u0430 \u043f\u0440\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u043d\u0430 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c \u0442\u0435\u0441\u0442-\u0441\u044c\u044e\u0442\u0435&#187;.<\/p>\n<h3>\u0427\u0442\u043e \u0438\u0437 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u043e\u0445\u043e\u0436\u0435 \u043d\u0430 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a<\/h3>\n<p>\u041e\u0434\u0438\u043d \u0438\u0437 \u043d\u0435\u043c\u043d\u043e\u0433\u0438\u0445 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e \u2014 \u0441\u0435\u0440\u0438\u044f \u043f\u043e\u0441\u0442\u043e\u0432 Checkly (\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0434\u0435\u043b\u0430\u0435\u0442 synthetic monitoring, \u0442\u043e \u0435\u0441\u0442\u044c \u0441\u0430\u043c\u0430 \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0438\u0440\u0443\u0435\u0442 \u044d\u0442\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0432 \u043f\u0440\u043e\u0434\u0435, \u0430 \u043d\u0435 \u043f\u0440\u043e\u0434\u0430\u0451\u0442 TMS \u0438\u043b\u0438 \u0434\u0430\u0448\u0431\u043e\u0440\u0434 \u0434\u043b\u044f \u043d\u0438\u0445). \u041e\u043d\u0438 \u0433\u043e\u043d\u044f\u043b\u0438 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0435 E2E-\u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438 \u043f\u0440\u043e\u0442\u0438\u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u0430\u0439\u0442\u043e\u0432 \u043d\u0430 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u044b\u0441\u044f\u0447 \u0440\u0430\u0437 \u043f\u043e\u0434\u0440\u044f\u0434.<\/p>\n<p>\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u044b\u0432\u043e\u0434\u043e\u0432 \u043e\u0442\u0442\u0443\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0442\u043e\u0438\u0442 \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c:<\/p>\n<ul>\n<li>\n<p>\u0412 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438 \u0441 \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u043c\u0438 \u043e\u0434\u0438\u043d\u043e\u0447\u043d\u044b\u043c\u0438 \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u0440\u0430\u0437\u0440\u044b\u0432 \u043c\u0435\u0436\u0434\u0443 Cypress \u0438 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u0431\u044b\u043b \u0432\u044b\u0440\u0430\u0436\u0435\u043d \u0441\u0438\u043b\u044c\u043d\u0435\u0435 \u0432\u0441\u0435\u0433\u043e \u0438\u0437-\u0437\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0441\u0442\u0430\u0440\u0442\u0430 \u0440\u0430\u043d\u043d\u0435\u0440\u0430; \u043d\u0430 \u0441\u044c\u044e\u0442\u0430\u0445 \u0438\u0437 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0442\u0435\u0441\u0442\u043e\u0432 \u043f\u043e\u0434\u0440\u044f\u0434 \u044d\u0442\u043e\u0442 \u0440\u0430\u0437\u0440\u044b\u0432 \u043e\u0449\u0443\u0442\u0438\u043c\u043e \u0441\u043e\u043a\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0437\u0430 \u0441\u0447\u0451\u0442 \u0430\u043c\u043e\u0440\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0445 \u0438\u0437\u0434\u0435\u0440\u0436\u0435\u043a.<\/p>\n<\/li>\n<li>\n<p>\u041f\u0440\u0438 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438 \u0441\u044c\u044e\u0442\u0430 (\u0430 \u043d\u0435 \u043e\u0434\u0438\u043d\u043e\u0447\u043d\u043e\u0433\u043e \u0442\u0435\u0441\u0442\u0430) Cypress \u043e\u043a\u0430\u0437\u0430\u043b\u0441\u044f \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u0435\u0435 \u0441\u0430\u043c\u043e\u0433\u043e \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 (Playwright) \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u043d\u0430 23%, \u0438 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043b\u0438\u0448\u044c \u043d\u0430 ~3% \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u0435\u0435, \u0447\u0435\u043c \u0441\u0432\u044f\u0437\u043a\u0430 WebDriverIO+Selenium, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432 \u044d\u0442\u043e\u043c \u043f\u0440\u043e\u0433\u043e\u043d\u0435 \u0431\u044b\u043b\u0430 \u0441\u0430\u043c\u043e\u0439 \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e\u0439.<\/p>\n<\/li>\n<li>\n<p>WebDriverIO \u0432 \u0440\u0435\u0436\u0438\u043c\u0435 DevTools-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0430 \u043f\u043e\u043a\u0430\u0437\u0430\u043b \u0437\u0430\u043c\u0435\u0442\u043d\u043e \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u0443\u044e \u0432\u0430\u0440\u0438\u0430\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f, \u0447\u0435\u043c \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u2014 \u0442\u043e \u0435\u0441\u0442\u044c \u043c\u0435\u0434\u0438\u0430\u043d\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u043f\u043b\u043e\u0445\u043e\u0439, \u0430 \u0432\u043e\u0442 p95 \u2014 \u043d\u0435\u0442, \u0438 \u0434\u043b\u044f CI \u044d\u0442\u043e \u0447\u0430\u0441\u0442\u043e \u0432\u0430\u0436\u043d\u0435\u0435 \u0441\u0440\u0435\u0434\u043d\u0435\u0439 \u0446\u0438\u0444\u0440\u044b.<\/p>\n<\/li>\n<li>\n<p>\u0412 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u044f\u0445 \u0438\u043c\u0435\u043d\u043d\u043e Playwright \u043f\u043e\u043a\u0430\u0437\u0430\u043b \u043d\u0430\u0438\u043c\u0435\u043d\u044c\u0448\u0443\u044e \u0432\u0430\u0440\u0438\u0430\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0441\u0440\u0435\u0434\u0438 \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432, \u0447\u0442\u043e \u0434\u043b\u044f CI-\u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0437\u043d\u0430\u0447\u0438\u0442 \u0431\u043e\u043b\u044c\u0448\u0435, \u0447\u0435\u043c \u0447\u0438\u0441\u0442\u0430\u044f \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c.<\/p>\n<\/li>\n<\/ul>\n<p>\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u043e, \u043f\u043e \u0434\u043e\u043b\u0435 \u0440\u044b\u043d\u043a\u0430 \u2014 \u044d\u0442\u043e \u043d\u0435 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438, \u043d\u043e \u044d\u0442\u043e \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043e\u043f\u0440\u043e\u0441\u0430, \u0430 \u043d\u0435 \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0439 \u0442\u0435\u043a\u0441\u0442: \u043f\u043e \u0434\u0430\u043d\u043d\u044b\u043c State of JS 2024, \u0434\u043e\u043b\u044f Playwright \u0432\u044b\u0440\u043e\u0441\u043b\u0430 \u0441 9% \u0432 2023 \u0433\u043e\u0434\u0443 \u0434\u043e 15% \u0432 2024-\u043c, \u0438 \u043e\u043f\u0440\u043e\u0441 \u043d\u0430\u0437\u0432\u0430\u043b \u0435\u0433\u043e \u0441\u0430\u043c\u043e\u0439 \u0431\u044b\u0441\u0442\u0440\u043e\u0440\u0430\u0441\u0442\u0443\u0449\u0435\u0439 \u043f\u043e \u043f\u0440\u0438\u043d\u044f\u0442\u0438\u044e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0435\u0439 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u043e\u0433\u043e \u0433\u043e\u0434\u0430.<\/p>\n<p>\u042d\u0442\u043e, \u043f\u043e \u0441\u0443\u0442\u0438, \u0432\u0441\u0451, \u0447\u0442\u043e \u044f \u043d\u0430\u0448\u0451\u043b \u0441 \u0440\u0430\u0441\u043a\u0440\u044b\u0442\u043e\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0435\u0439 \u0438 \u0431\u0435\u0437 \u044f\u0432\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0430 \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435.<\/p>\n<h3>\u0410 \u0432\u043e\u0442 \u044d\u0442\u043e \u2014 \u043d\u0435\u0442<\/h3>\n<p>\u0414\u0430\u043b\u044c\u0448\u0435 \u0438\u0434\u0451\u0442 \u0432\u043e\u0440\u043e\u0445 \u0441\u0432\u0435\u0436\u0438\u0445 (2026 \u0433\u043e\u0434) \u043f\u043e\u0441\u0442\u043e\u0432 \u043e\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u043e\u0434\u0430\u044e\u0442 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0432\u043e\u043a\u0440\u0443\u0433 \u044d\u0442\u0438\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u2014 TMS-\u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443, \u0434\u0430\u0448\u0431\u043e\u0440\u0434\u044b \u0434\u043b\u044f CI, AI-\u0440\u0435\u0432\u044c\u044e \u043f\u0440\u043e\u0433\u043e\u043d\u043e\u0432. \u0424\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0443 \u043d\u0438\u0445 \u0442\u043e\u0436\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e &#171;controlled benchmark&#187;, \u043d\u043e \u0446\u0438\u0444\u0440\u044b \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043e\u0439 \u043d\u0435 \u0431\u044c\u044e\u0442\u0441\u044f, \u0438 \u044d\u0442\u043e \u0432\u0438\u0434\u043d\u043e \u043d\u0435\u0432\u043e\u043e\u0440\u0443\u0436\u0451\u043d\u043d\u044b\u043c \u0433\u043b\u0430\u0437\u043e\u043c:<\/p>\n<div>\n<div class=\"table\">\n<table>\n<tbody>\n<tr>\n<th>\n<p align=\"left\">\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a<\/p>\n<\/th>\n<th>\n<p align=\"left\">\u0417\u0430\u044f\u0432\u043b\u0435\u043d\u043d\u0430\u044f \u0440\u0430\u0437\u043d\u0438\u0446\u0430 (Playwright vs Selenium)<\/p>\n<\/th>\n<th>\n<p align=\"left\">\u041a\u0430\u043a \u043e\u0431\u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0430<\/p>\n<\/th>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">TestDino (\u0431\u043b\u043e\u0433 \u21161, \u0444\u0435\u0432\u0440\u0430\u043b\u044c 2026)<\/p>\n<\/td>\n<td>\n<p align=\"left\">&#171;\u043d\u0430 ~290 \u043c\u0441\/\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 vs 536 \u043c\u0441 \u0443 Selenium&#187;<\/p>\n<\/td>\n<td>\n<p align=\"left\">\u0411\u0435\u0437 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0441\u0442\u0435\u043d\u0434\u0430 \u0438 \u043a\u043e\u043b-\u0432\u0430 \u043f\u0440\u043e\u0433\u043e\u043d\u043e\u0432<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">TestDino (\u0431\u043b\u043e\u0433 \u21162, \u0430\u043f\u0440\u0435\u043b\u044c 2026)<\/p>\n<\/td>\n<td>\n<p align=\"left\">&#171;\u043d\u0430 42% \u0431\u044b\u0441\u0442\u0440\u0435\u0435&#187;<\/p>\n<\/td>\n<td>\n<p align=\"left\">\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 &#171;\u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044e\u044e \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443&#187; \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">Techoral<\/p>\n<\/td>\n<td>\n<p align=\"left\">&#171;\u043d\u0430 63% \u0431\u044b\u0441\u0442\u0440\u0435\u0435, \u043d\u0430 82% \u043c\u0435\u043d\u044c\u0448\u0435 \u0444\u043b\u0430\u043a\u0430&#187;<\/p>\n<\/td>\n<td>\n<p align=\"left\">&#171;1000 \u0442\u0435\u0441\u0442\u043e\u0432&#187;, \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u043e<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">Vervali Systems<\/p>\n<\/td>\n<td>\n<p align=\"left\">&#171;\u0432 1.85 \u0440\u0430\u0437\u0430 \u0431\u044b\u0441\u0442\u0440\u0435\u0435&#187;<\/p>\n<\/td>\n<td>\n<p align=\"left\">\u0411\u0435\u0437 \u0441\u044b\u0440\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>\u0420\u0430\u0437\u0431\u0440\u043e\u0441 \u043e\u0442 42% \u0434\u043e 63% \u043f\u0440\u0438 \u0444\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0439 \u043f\u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u0430 \u2014 \u044d\u0442\u043e \u043d\u0435 \u043f\u043e\u0433\u0440\u0435\u0448\u043d\u043e\u0441\u0442\u044c \u0438\u0437\u043c\u0435\u0440\u0435\u043d\u0438\u044f, \u044d\u0442\u043e \u0440\u0430\u0437\u043d\u044b\u0435 (\u0438\u043b\u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0432\u0448\u0438\u0435\u0441\u044f) \u0437\u0430\u043c\u0435\u0440\u044b, \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0432 \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0439 \u0442\u043e\u043d. \u0427\u0430\u0441\u0442\u044c \u044d\u0442\u0438\u0445 \u0442\u0435\u043a\u0441\u0442\u043e\u0432 \u043f\u0440\u044f\u043c\u043e \u043f\u0440\u0438\u0437\u043d\u0430\u0451\u0442\u0441\u044f, \u0447\u0442\u043e \u0434\u0430\u043d\u043d\u044b\u0435 &#171;\u0441\u043e\u0431\u0440\u0430\u043d\u044b \u0438\u0437 \u0442\u0440\u0451\u0445 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u0432&#187;, \u0442\u043e \u0435\u0441\u0442\u044c \u044d\u0442\u043e \u0443\u0436\u0435 \u043d\u0435 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a, \u0430 \u0430\u0433\u0440\u0435\u0433\u0430\u0446\u0438\u044f \u0447\u0443\u0436\u0438\u0445 \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0445 \u0447\u0438\u0441\u0435\u043b, \u0432\u044b\u0434\u0430\u043d\u043d\u0430\u044f \u0437\u0430 \u043d\u043e\u0432\u043e\u0435 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u0430\u043a\u0438\u0435 \u0446\u0438\u0444\u0440\u044b \u0432 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435 \u2014 \u0442\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435, \u0447\u0442\u043e \u0446\u0438\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u043b\u0438\u0441\u0442\u043e\u0432\u043a\u0443 \u043a\u0430\u043a research paper.<\/p>\n<p><strong>\u0412\u044b\u0432\u043e\u0434:<\/strong> \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0435\u0441\u0442\u044c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u0442\u0435\u0441\u0442-\u0441\u044c\u044e\u0442 \u0438 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0430\u044f CI-\u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430, \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0447\u0438\u0441\u043b\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u0441\u0442\u043e\u0438\u0442 \u0434\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u2014 \u0442\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0441\u0430\u043c\u0438. \u0414\u0430\u043b\u044c\u0448\u0435 \u2014 \u0445\u0430\u0440\u043d\u0435\u0441\u0441 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e.<\/p>\n<h3>\u0411\u0435\u043d\u0447\u043c\u0430\u0440\u043a-\u0445\u0430\u0440\u043d\u0435\u0441\u0441: \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439 \u043d\u0430 \u0447\u0435\u0442\u044b\u0440\u0451\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0445<\/h3>\n<p>\u0418\u0434\u0435\u044f: \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 flow (\u043b\u043e\u0433\u0438\u043d \u2192 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b \u2192 \u043a\u043b\u0438\u043a \u043f\u043e \u0442\u0440\u0451\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c \u2192 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f), \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430, \u043f\u0440\u043e\u0433\u043d\u0430\u043d\u043d\u044b\u0439 N \u0440\u0430\u0437 \u043f\u043e\u0434\u0440\u044f\u0434 \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0438 \u0442\u043e\u0439 \u0436\u0435 CI-\u043c\u0430\u0448\u0438\u043d\u0435, \u0441 \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438 \u0432\u0435\u0440\u0441\u0438\u044f\u043c\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432.<\/p>\n<h4>\u0422\u0435\u0441\u0442\u043e\u0432\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/h4>\n<p>\u0411\u0435\u0440\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0439 staging, \u043b\u0438\u0431\u043e \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439 fixture-\u0441\u0435\u0440\u0432\u0435\u0440 \u043d\u0430 Express \u2014 \u0433\u043b\u0430\u0432\u043d\u043e\u0435, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0435 \u0447\u0435\u0442\u044b\u0440\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u0445\u043e\u0434\u0438\u043b\u0438 \u0432 \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u0438\u043d\u0441\u0442\u0430\u043d\u0441 \u0441 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0439 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u043e\u0439 \u0441\u0435\u0442\u0438 (\u0442\u043e \u0435\u0441\u0442\u044c <a href=\"http:\/\/localhost\" rel=\"noopener noreferrer nofollow\"><code>localhost<\/code><\/a>, \u043d\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0439 CDN, \u0438\u043d\u0430\u0447\u0435 \u0441\u0435\u0442\u0435\u0432\u043e\u0439 \u0434\u0436\u0438\u0442\u0442\u0435\u0440 \u0437\u0430\u0431\u044c\u0451\u0442 \u0440\u0430\u0437\u043d\u0438\u0446\u0443 \u043c\u0435\u0436\u0434\u0443 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u043c\u0438).<\/p>\n<pre><code>\/\/ fixture-server.js \u2014 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 SPA-\u043f\u043e\u0434\u043e\u0431\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0437\u0430\u043c\u0435\u0440\u0430const express = require('express');const app = express();app.use(express.urlencoded({ extended: true }));app.get('\/login', (_, res) =&gt; res.send(`  &lt;form method=\"post\" action=\"\/login\"&gt;    &lt;input name=\"user\" \/&gt;&lt;input name=\"pass\" type=\"password\" \/&gt;    &lt;button type=\"submit\"&gt;\u0412\u043e\u0439\u0442\u0438&lt;\/button&gt;  &lt;\/form&gt;`));app.post('\/login', (_, res) =&gt; res.redirect('\/dashboard'));app.get('\/dashboard', (_, res) =&gt; res.send(`  &lt;div id=\"items\"&gt;    &lt;button data-id=\"1\"&gt;Item 1&lt;\/button&gt;    &lt;button data-id=\"2\"&gt;Item 2&lt;\/button&gt;    &lt;button data-id=\"3\"&gt;Item 3&lt;\/button&gt;  &lt;\/div&gt;  &lt;div id=\"status\"&gt;idle&lt;\/div&gt;  &lt;script&gt;    document.querySelectorAll('button').forEach(b =&gt;      b.onclick = () =&gt; document.getElementById('status').innerText = 'clicked-' + b.dataset.id);  &lt;\/script&gt;`));app.listen(3000);<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:87px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<h4>Playwright<\/h4>\n<pre><code>\/\/ playwright.spec.tsimport { test, expect } from '@playwright\/test';test('login + interact flow', async ({ page }) =&gt; {  await page.goto('http:\/\/localhost:3000\/login');  await page.fill('input[name=user]', 'qa');  await page.fill('input[name=pass]', 'qa');  await page.click('button[type=submit]');  await page.waitForURL('**\/dashboard');  for (const id of [1, 2, 3]) {    await page.click(`button[data-id=\"${id}\"]`);  }  await expect(page.locator('#status')).toHaveText('clicked-3');});<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<pre><code class=\"bash\">npx playwright test --reporter=json --workers=1 --repeat-each=50 &gt; pw-results.json<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<h4>Cypress<\/h4>\n<pre><code>\/\/ cypress\/e2e\/flow.cy.jsdescribe('login + interact flow', () =&gt; {  it('runs the flow', () =&gt; {    cy.visit('http:\/\/localhost:3000\/login');    cy.get('input[name=user]').type('qa');    cy.get('input[name=pass]').type('qa');    cy.get('button[type=submit]').click();    cy.url().should('include', '\/dashboard');    [1, 2, 3].forEach((id) =&gt; cy.get(`button[data-id=\"${id}\"]`).click());    cy.get('#status').should('have.text', 'clicked-3');  });});<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<pre><code class=\"bash\">npx cypress run --reporter json --spec cypress\/e2e\/flow.cy.js &gt; cy-results.json<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<h4>WebdriverIO (\u0432 DevTools\/Bidi-\u0440\u0435\u0436\u0438\u043c\u0435 \u2014 \u0434\u043b\u044f \u0447\u0435\u0441\u0442\u043d\u043e\u0433\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044f \u0441 Playwright)<\/h4>\n<pre><code>\/\/ wdio.flow.spec.jsdescribe('login + interact flow', () =&gt; {  it('runs the flow', async () =&gt; {    await browser.url('http:\/\/localhost:3000\/login');    await $('input[name=user]').setValue('qa');    await $('input[name=pass]').setValue('qa');    await $('button[type=submit]').click();    await browser.waitUntil(async () =&gt; (await browser.getUrl()).includes('\/dashboard'));    for (const id of [1, 2, 3]) {      await $(`button[data-id=\"${id}\"]`).click();    }    await expect($('#status')).toHaveText('clicked-3');  });});<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<h4>Selenium (Node binding, \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 WebDriver-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b)<\/h4>\n<pre><code>\/\/ selenium.flow.jsconst { Builder, By, until } = require('selenium-webdriver');(async () =&gt; {  const driver = await new Builder().forBrowser('chrome').build();  const t0 = performance.now();  try {    await driver.get('http:\/\/localhost:3000\/login');    await driver.findElement(By.name('user')).sendKeys('qa');    await driver.findElement(By.name('pass')).sendKeys('qa');    await driver.findElement(By.css('button[type=submit]')).click();    await driver.wait(until.urlContains('\/dashboard'), 5000);    for (const id of [1, 2, 3]) {      await driver.findElement(By.css(`button[data-id=\"${id}\"]`)).click();    }    await driver.wait(until.elementTextContains(driver.findElement(By.id('status')), 'clicked-3'), 5000);  } finally {    console.log(JSON.stringify({ duration_ms: performance.now() - t0 }));    await driver.quit();  }})();<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0414\u043b\u044f Selenium \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u044c \u0437\u0430\u043c\u0435\u0440 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 (\u043a\u0430\u043a \u0432\u044b\u0448\u0435) \u2014 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0435\u043f\u043e\u0440\u0442\u0435\u0440\u0430 \u0441 \u0442\u0430\u0439\u043c\u0438\u043d\u0433\u0430\u043c\u0438 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0442\u0435\u0441\u0442\u0430, \u043a\u0430\u043a \u0443 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0442\u0440\u0451\u0445, \u043d\u0435\u0442 \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438.<\/p>\n<h4>\u0423\u0441\u043b\u043e\u0432\u0438\u044f, \u0431\u0435\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0431\u0435\u0441\u0441\u043c\u044b\u0441\u043b\u0435\u043d\u043d\u043e<\/h4>\n<ul>\n<li>\n<p>\u041e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u0440\u0430\u043d\u043d\u0435\u0440: <code>ubuntu-22.04<\/code>, \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u0447\u0438\u0441\u043b\u043e vCPU\/RAM (GitHub Actions: <code>ubuntu-latest<\/code>, \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043e\u0442 \u0441\u043e\u0441\u0435\u0434\u043d\u0438\u0445 \u0434\u0436\u043e\u0431\u043e\u0432 \u0432 \u043c\u0430\u0442\u0440\u0438\u0446\u0435).<\/p>\n<\/li>\n<li>\n<p>Headless-\u0440\u0435\u0436\u0438\u043c \u0432\u0435\u0437\u0434\u0435 \u2014 \u0438\u043d\u0430\u0447\u0435 \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u0442\u0435 \u043d\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438, \u0430 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 GUI.<\/p>\n<\/li>\n<li>\n<p>\u0424\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435, \u044f\u0432\u043d\u043e \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 (<code>npx playwright install --with-deps chromium@&lt;version&gt;<\/code>, <code>chromedriver<\/code> \u0442\u043e\u0439 \u0436\u0435 \u043c\u0430\u0436\u043e\u0440\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438, \u0447\u0442\u043e \u0438 Chrome \u0432 \u0440\u0430\u043d\u043d\u0435\u0440\u0435) \u2014 \u0440\u0430\u0441\u0441\u0438\u043d\u0445\u0440\u043e\u043d \u0432\u0435\u0440\u0441\u0438\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0438 \u0434\u0440\u0430\u0439\u0432\u0435\u0440\u0430 \u0443 Selenium \u0434\u0430\u0451\u0442 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u0439 \u0448\u0443\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043b\u0435\u0433\u043a\u043e \u0441\u043f\u0443\u0442\u0430\u0442\u044c \u0441 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u043e\u0439 \u0440\u0430\u0437\u043d\u0438\u0446\u0435\u0439.<\/p>\n<\/li>\n<li>\n<p>\u041c\u0438\u043d\u0438\u043c\u0443\u043c 30\u201350 \u043f\u043e\u0432\u0442\u043e\u0440\u043e\u0432 \u043d\u0430 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442, \u043e\u0442\u0447\u0451\u0442 \u043f\u043e \u043c\u0435\u0434\u0438\u0430\u043d\u0435 \u0438 p95, \u0430 \u043d\u0435 \u043f\u043e \u043e\u0434\u043d\u043e\u043c\u0443 \u043f\u0440\u043e\u0433\u043e\u043d\u0443 \u2014 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0438 \u0448\u0443\u043c\u044f\u0442 \u043d\u0430 20\u201340% \u0434\u0430\u0436\u0435 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043e\u0434\u043d\u043e\u0433\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430.<\/p>\n<\/li>\n<li>\n<p>\u041e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 flow, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0439 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e close-to-idiomatic \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 (\u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0437\u0430\u043d\u0438\u0436\u0430\u0442\u044c Selenium \u0447\u0435\u0440\u0435\u0437 \u044f\u0432\u043d\u044b\u0435 <code>sleep()<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0438\u043a\u0442\u043e \u0432 \u043f\u0440\u043e\u0434\u0435 \u043d\u0435 \u043f\u0438\u0448\u0435\u0442 \u2014 \u043d\u043e \u0438 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0434\u0441\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0435\u043c\u0443 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438, \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u043a\u043e\u0434\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b).<\/p>\n<\/li>\n<\/ul>\n<h4>\u041a\u0430\u043a \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/h4>\n<pre><code class=\"bash\">node -e \"const fs = require('fs');const runs = JSON.parse(fs.readFileSync(process.argv[1])).map(r =&gt; r.duration_ms).sort((a,b)=&gt;a-b);const median = runs[Math.floor(runs.length\/2)];const p95 = runs[Math.floor(runs.length*0.95)];console.log({ median, p95, runs: runs.length });\" results.json<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041f\u0440\u043e\u0433\u043e\u043d\u0438\u0442\u0435 \u0442\u0430\u043a \u043a\u0430\u0436\u0434\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0442\u0440\u0438\u0436\u0434\u044b \u0432 \u0440\u0430\u0437\u043d\u044b\u0435 \u0434\u043d\u0438 (CI-\u0440\u0430\u043d\u043d\u0435\u0440\u044b \u2014 \u043e\u0431\u0449\u0438\u0439 \u0440\u0435\u0441\u0443\u0440\u0441, \u0448\u0443\u043c \u043e\u0442 \u0441\u043e\u0441\u0435\u0434\u0435\u0439 \u0440\u0435\u0430\u043b\u0435\u043d), \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u0435 \u043c\u0435\u0434\u0438\u0430\u043d\u044b \u0438 p95 \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u043e\u0433\u043e\u043d\u0430\u043c\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u0438 \u0442\u043e\u0433\u043e \u0436\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u2014 \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0440\u0430\u0441\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0431\u043e\u043b\u044c\u0448\u0435 \u0447\u0435\u043c \u043d\u0430 10\u201315%, \u0432\u0430\u0448 \u0441\u0442\u0435\u043d\u0434 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0441\u0442\u0430\u0431\u0438\u043b\u0435\u043d \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u043e\u0432, \u0438 \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0443\u0436\u043d\u043e \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c\u0441\u044f \u0441 \u044d\u0442\u0438\u043c, \u0430 \u043d\u0435 \u0441 \u0432\u044b\u0431\u043e\u0440\u043e\u043c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430.<\/p>\n<h3>\u0427\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c \u0431\u0435\u0437 \u0437\u0430\u043c\u0435\u0440\u043e\u0432, \u0438 \u0447\u0442\u043e \u043d\u0435\u043b\u044c\u0437\u044f<\/h3>\n<p>\u0411\u0435\u0437 \u0435\u0434\u0438\u043d\u043e\u0433\u043e \u043b\u0438\u0447\u043d\u043e\u0433\u043e \u0437\u0430\u043c\u0435\u0440\u0430, \u043e\u043f\u0438\u0440\u0430\u044f\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u0438 \u043d\u0430 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u0438 \u0441 \u0440\u0430\u0441\u043a\u0440\u044b\u0442\u043e\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0435\u0439, \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c:<\/p>\n<ul>\n<li>\n<p>WebSocket-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u044b (Playwright, WDIO \u0432 BiDi-\u0440\u0435\u0436\u0438\u043c\u0435) \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0435 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435, \u0447\u0435\u043c HTTP-polling \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e WebDriver. \u042d\u0442\u043e \u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0432\u0435\u043d\u0434\u043e\u0440\u0430 \u0438 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 &#171;\u0440\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f&#187; \u043d\u0430 \u043a\u0430\u043a\u043e\u043c-\u0442\u043e \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c \u0441\u0442\u0435\u043d\u0434\u0435.<\/p>\n<\/li>\n<li>\n<p>\u041d\u0430 \u0441\u044c\u044e\u0442\u0430\u0445 (\u0430 \u043d\u0435 \u043e\u0434\u0438\u043d\u043e\u0447\u043d\u044b\u0445 \u0442\u0435\u0441\u0442\u0430\u0445) \u0440\u0430\u0437\u0440\u044b\u0432 \u043c\u0435\u0436\u0434\u0443 Cypress \u0438 Playwright \u043c\u0435\u043d\u044c\u0448\u0435, \u0447\u0435\u043c \u043d\u0430 \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u0445 \u043f\u0440\u043e\u0433\u043e\u043d\u0430\u0445 \u2014 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0435 \u0438\u0437\u0434\u0435\u0440\u0436\u043a\u0438 \u0430\u043c\u043e\u0440\u0442\u0438\u0437\u0438\u0440\u0443\u044e\u0442\u0441\u044f.<\/p>\n<\/li>\n<li>\n<p>\u0421\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u044c (variance, p95) \u0434\u043b\u044f CI \u0447\u0430\u0441\u0442\u043e \u0432\u0430\u0436\u043d\u0435\u0435 \u0441\u0440\u0435\u0434\u043d\u0435\u0439 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u2014 \u044d\u0442\u043e \u044f\u0432\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u0432 \u0434\u0430\u043d\u043d\u044b\u0445 Checkly, \u0438 \u044d\u0442\u043e \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u0443\u044e\u0442 \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435 \u0432\u0435\u043d\u0434\u043e\u0440\u0441\u043a\u0438\u0435 \u043f\u043e\u0441\u0442\u044b, \u043a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0438\u0440\u0443\u044f\u0441\u044c \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u044d\u0444\u0444\u0435\u043a\u0442\u043d\u043e\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0435 \u0432 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0435.<\/p>\n<\/li>\n<\/ul>\n<p>\u0427\u0435\u0433\u043e \u043d\u0435\u043b\u044c\u0437\u044f \u0441\u043a\u0430\u0437\u0430\u0442\u044c \u0431\u0435\u0437 \u0441\u0432\u043e\u0435\u0433\u043e \u0437\u0430\u043c\u0435\u0440\u0430 \u2014 \u044d\u0442\u043e \u043b\u044e\u0431\u043e\u0435 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0435 &#171;X% \u0431\u044b\u0441\u0442\u0440\u0435\u0435&#187; \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0442\u0435\u043a\u0430. \u0421\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445: \u0440\u0430\u0437\u043c\u0435\u0440 DOM, \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u0435\u0442\u0435\u0432\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0442\u0438\u043f selectors (CSS vs XPath vs role-based), \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u0438\u0437\u043c \u0432 CI, \u0432\u0435\u0440\u0441\u0438\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432. \u0422\u0435 \u0436\u0435 23% \u0443 Checkly \u0438 63% \u0443 Techoral \u2014 \u044d\u0442\u043e \u043d\u0435 \u043f\u0440\u043e\u0442\u0438\u0432\u043e\u0440\u0435\u0447\u0438\u0435 \u0432 &#171;\u043f\u0440\u0430\u0432\u0434\u0435&#187;, \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0434\u0432\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0434\u0432\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u043c\u0435\u0442\u043e\u0434\u0430 \u0441\u0447\u0451\u0442\u0430.<\/p>\n<h3>\u0420\u0435\u0437\u044e\u043c\u0435<\/h3>\n<p>\u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 &#171;\u043d\u0430 \u0441\u0435\u0439\u0447\u0430\u0441&#187; \u0431\u0435\u0437 \u0437\u0430\u043c\u0435\u0440\u043e\u0432 \u2014 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0434\u0430\u0451\u0442 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0441\u0438\u0433\u043d\u0430\u043b\u0430: \u0434\u043b\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 \u0432\u0435\u0431\u0435 Playwright \u0438\u043b\u0438 WDIO \u0432 BiDi-\u0440\u0435\u0436\u0438\u043c\u0435 \u2014 \u0440\u0430\u0437\u0443\u043c\u043d\u044b\u0439 default \u043f\u043e \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0438 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u0438, Cypress \u2014 \u0435\u0441\u043b\u0438 \u0432\u0430\u0436\u043d\u0435\u0435 DX \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438 \u0441\u044c\u044e\u0442\u044b \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0434\u043b\u0438\u043d\u043d\u044b\u0435, \u0447\u0442\u043e\u0431\u044b \u0430\u043c\u043e\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u0440\u0442, Selenium \u2014 \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u044f \u0432 Java\/C#\/Ruby-\u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0438 WebDriver Grid, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442.<\/p>\n<p>\u0415\u0441\u043b\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043d\u0443\u0436\u043d\u043e \u043e\u0431\u043e\u0441\u043d\u043e\u0432\u0430\u0442\u044c \u0446\u0438\u0444\u0440\u0430\u043c\u0438 \u043f\u0435\u0440\u0435\u0434 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e\u043c \u2014 \u043d\u0435 \u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u0440\u043e\u0446\u0435\u043d\u0442 \u0438\u0437 \u0447\u0443\u0436\u043e\u0433\u043e \u0431\u043b\u043e\u0433\u0430. \u041f\u0440\u043e\u0433\u043e\u043d\u0438\u0442\u0435 \u0445\u0430\u0440\u043d\u0435\u0441\u0441 \u0432\u044b\u0448\u0435 \u043d\u0430 \u0441\u0432\u043e\u0451\u043c \u0441\u0442\u0435\u043a\u0435, \u043d\u0430 \u0441\u0432\u043e\u0451\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438, \u0432 \u0441\u0432\u043e\u0451\u043c CI \u2014 \u044d\u0442\u043e \u0437\u0430\u0439\u043c\u0451\u0442 \u043e\u0434\u0438\u043d \u0440\u0430\u0431\u043e\u0447\u0438\u0439 \u0434\u0435\u043d\u044c \u0438 \u0434\u0430\u0441\u0442 \u0432\u0430\u043c \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0447\u0438\u0441\u043b\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0434\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u0449\u0438\u0442\u0438\u0442\u044c, \u0435\u0441\u043b\u0438 \u043a\u0442\u043e-\u0442\u043e \u0441\u043f\u0440\u043e\u0441\u0438\u0442 &#171;\u0430 \u043a\u0430\u043a \u0441\u0447\u0438\u0442\u0430\u043b\u0438&#187;.<\/p>\n<\/div>\n<p>\u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/1050168\/\">https:\/\/habr.com\/ru\/articles\/1050168\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0417\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u043c\u0435\u0441\u044f\u0446 \u044f \u043d\u0430\u0441\u0447\u0438\u0442\u0430\u043b \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0441\u0435\u043c\u044c \u0441\u0432\u0435\u0436\u0438\u0445 \u0441\u0442\u0430\u0442\u0435\u0439 \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c \u0432 \u0434\u0443\u0445\u0435 &#171;Playwright \u0431\u044b\u0441\u0442\u0440\u0435\u0435 Selenium \u043d\u0430 N%&#187;. \u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e N \u0443 \u0432\u0441\u0435\u0445 \u0440\u0430\u0437\u043d\u044b\u0439: 23%, 42%, 63%, &#171;1.85x&#187;. \u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u043e\u0447\u0442\u0438 \u043d\u0438\u0433\u0434\u0435 \u043d\u0435 \u0440\u0430\u0441\u043a\u0440\u044b\u0442\u0430 \u0434\u0430\u043b\u044c\u0448\u0435 \u0444\u0440\u0430\u0437\u044b &#171;controlled environment&#187;. \u0414\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 CI-\u0431\u044e\u0434\u0436\u0435\u0442 \u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u0442\u0435\u0441\u0442\u043e\u0432 \u043d\u0430 \u0433\u043e\u0434\u044b \u0432\u043f\u0435\u0440\u0451\u0434, \u044d\u0442\u043e \u043d\u0435 \u0446\u0438\u0444\u0440\u044b \u2014 \u044d\u0442\u043e \u0448\u0443\u043c.\u0417\u0434\u0435\u0441\u044c \u2014 \u0447\u0442\u043e \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u0448\u0443\u043c\u0430 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043d\u0430 \u0447\u0442\u043e-\u0442\u043e \u043e\u043f\u0438\u0440\u0430\u0435\u0442\u0441\u044f, \u043f\u043e\u0447\u0435\u043c\u0443 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u043d\u0435\u0441\u043e\u043f\u043e\u0441\u0442\u0430\u0432\u0438\u043c\u043e, \u0438 \u0440\u0430\u0431\u043e\u0447\u0438\u0439 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a-\u0445\u0430\u0440\u043d\u0435\u0441\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0433\u043d\u0430\u0442\u044c \u043d\u0430 \u0441\u0432\u043e\u0451\u043c \u0441\u0442\u0435\u043a\u0435 \u0437\u0430 \u043e\u0434\u0438\u043d CI-job \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0438\u043c\u0435\u043d\u043d\u043e \u0441\u0432\u043e\u0438 \u0447\u0438\u0441\u043b\u0430, \u0430 \u043d\u0435 \u0447\u0443\u0436\u0438\u0435 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b.\u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u043e\u043e\u0431\u0449\u0435 \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u043d\u0438\u0446\u0430\u0412\u0441\u0435 \u0447\u0435\u0442\u044b\u0440\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443 \u0433\u043e\u0432\u043e\u0440\u044f\u0442 \u0441 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c, \u0438 \u044d\u0442\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u2014 \u043d\u0435 \u0434\u0435\u0442\u0430\u043b\u044c, \u0430 \u0433\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u0440\u0430\u0437\u043d\u0438\u0446\u044b \u0432 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438.Selenium \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0447\u0435\u0440\u0435\u0437 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b WebDriver: \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0438\u0437 \u0442\u0435\u0441\u0442\u0430 \u0438\u0434\u0451\u0442 HTTP-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u043c \u043a \u0434\u0440\u0430\u0439\u0432\u0435\u0440\u0443 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 (chromedriver\/geckodriver), \u0442\u043e\u0442 \u0442\u0440\u0430\u043d\u0441\u043b\u0438\u0440\u0443\u0435\u0442 \u0435\u0451 \u0432 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0432\u044b\u0437\u043e\u0432. \u041a\u0430\u0436\u0434\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u2014 \u044d\u0442\u043e \u0437\u0430\u043f\u0440\u043e\u0441-\u043e\u0442\u0432\u0435\u0442 \u043f\u043e HTTP, \u0438 \u044d\u0442\u0430 \u0441\u0432\u044f\u0437\u043a\u0430 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0443 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u0448\u0430\u0433\u0435. Selenium 4 \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b BiDi (\u0434\u0432\u0443\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439, \u043f\u043e\u0432\u0435\u0440\u0445 WebSocket) \u0434\u043b\u044f \u0447\u0430\u0441\u0442\u0438 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0439 \u2014 \u0441\u0435\u0442\u0435\u0432\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u0445\u0432\u0430\u0442\u0430, \u043b\u043e\u0433\u043e\u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438, \u2014 \u043d\u043e \u0431\u0430\u0437\u043e\u0432\u043e\u0435 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u0430\u043d\u0434 \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u0438\u0434\u0451\u0442 \u0447\u0435\u0440\u0435\u0437 HTTP-\u0441\u043b\u043e\u0439 WebDriver.Cypress \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u043d\u0435 \u0432\u044b\u0445\u043e\u0434\u0438\u0442 \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u044b \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430: \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0439 \u0440\u0430\u043d\u043d\u0435\u0440 \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c \u0436\u0435 event loop, \u0447\u0442\u043e \u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0431\u0435\u0437 \u043a\u0430\u043a\u043e\u0433\u043e-\u043b\u0438\u0431\u043e \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0430 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438. \u042d\u0442\u043e \u0434\u0430\u0451\u0442 \u043d\u0443\u043b\u0435\u0432\u0443\u044e \u0441\u0435\u0442\u0435\u0432\u0443\u044e \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0443 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435, \u043d\u043e \u0446\u0435\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0439 \u2014 Cypress \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e-\u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u043c\u0443 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0432\u0442\u043e\u0440\u044b\u043c \u0442\u0430\u0431\u043e\u043c, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0441\u0430\u043c \u0440\u0430\u043d\u043d\u0435\u0440 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 iframe \u0440\u044f\u0434\u043e\u043c \u0441 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c.Playwright \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043a \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043f\u043e \u0438\u0445 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c debug-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0430\u043c \u2014 Chrome DevTools Protocol \u0434\u043b\u044f Chromium, \u043f\u0430\u0442\u0447\u0435\u043d\u044b\u0439 Marionette \u0434\u043b\u044f Firefox, WebKit Inspector Protocol \u0434\u043b\u044f WebKit \u2014 \u0447\u0435\u0440\u0435\u0437 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0435 WebSocket-\u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u0435. HTTP-\u0441\u043b\u043e\u044f \u043c\u0435\u0436\u0434\u0443 \u0442\u0435\u0441\u0442\u043e\u043c \u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c \u043d\u0435\u0442 \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435.WebdriverIO \u2014 \u043e\u0441\u043e\u0431\u044b\u0439 \u0441\u043b\u0443\u0447\u0430\u0439: \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0438 \u0447\u0435\u0440\u0435\u0437 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 WebDriver-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b (\u0442\u043e\u0433\u0434\u0430 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u043e \u0431\u043b\u0438\u0437\u043e\u043a \u043a Selenium), \u0438 \u0447\u0435\u0440\u0435\u0437 DevTools\/BiDi-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 \u0447\u0430\u0441\u0442\u0438 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a\u043e\u0432 WDIO \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u0432 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044e &#171;\u0431\u044b\u0441\u0442\u0440\u044b\u0439&#187;, \u0430 \u0432 \u0447\u0430\u0441\u0442\u0438 \u2014 \u0432 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044e &#171;\u043a\u0430\u043a Selenium&#187;, \u0438 \u044d\u0442\u043e \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0442 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a\u043e\u0439 \u0434\u0440\u0430\u0439\u0432\u0435\u0440 \u0432\u044b\u0431\u0440\u0430\u043b \u0430\u0432\u0442\u043e\u0440 \u0442\u0435\u0441\u0442\u0430.\u0418\u0437 \u044d\u0442\u043e\u0433\u043e \u0443\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u0432\u044b\u0432\u043e\u0434 \u0431\u0435\u0437 \u0435\u0434\u0438\u043d\u043e\u0433\u043e \u0437\u0430\u043c\u0435\u0440\u0430: WebSocket-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u044b (Playwright, WDIO \u0432 DevTools-\u0440\u0435\u0436\u0438\u043c\u0435) \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u043e \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u0435\u0435, \u0447\u0435\u043c HTTP-polling (\u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 WebDriver), \u043f\u0440\u0438 \u043f\u0440\u043e\u0447\u0438\u0445 \u0440\u0430\u0432\u043d\u044b\u0445. \u0412\u043e\u043f\u0440\u043e\u0441 \u043d\u0435 &#171;\u0431\u0443\u0434\u0435\u0442 \u043b\u0438 \u0440\u0430\u0437\u043d\u0438\u0446\u0430&#187;, \u0430 &#171;\u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u043d\u0430 \u043f\u0440\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u043d\u0430 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c \u0442\u0435\u0441\u0442-\u0441\u044c\u044e\u0442\u0435&#187;.\u0427\u0442\u043e \u0438\u0437 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u043e\u0445\u043e\u0436\u0435 \u043d\u0430 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a\u041e\u0434\u0438\u043d \u0438\u0437 \u043d\u0435\u043c\u043d\u043e\u0433\u0438\u0445 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e \u2014 \u0441\u0435\u0440\u0438\u044f \u043f\u043e\u0441\u0442\u043e\u0432 Checkly (\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0434\u0435\u043b\u0430\u0435\u0442 synthetic monitoring, \u0442\u043e \u0435\u0441\u0442\u044c \u0441\u0430\u043c\u0430 \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0438\u0440\u0443\u0435\u0442 \u044d\u0442\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0432 \u043f\u0440\u043e\u0434\u0435, \u0430 \u043d\u0435 \u043f\u0440\u043e\u0434\u0430\u0451\u0442 TMS \u0438\u043b\u0438 \u0434\u0430\u0448\u0431\u043e\u0440\u0434 \u0434\u043b\u044f \u043d\u0438\u0445). \u041e\u043d\u0438 \u0433\u043e\u043d\u044f\u043b\u0438 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0435 E2E-\u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438 \u043f\u0440\u043e\u0442\u0438\u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u0430\u0439\u0442\u043e\u0432 \u043d\u0430 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u044b\u0441\u044f\u0447 \u0440\u0430\u0437 \u043f\u043e\u0434\u0440\u044f\u0434.\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u044b\u0432\u043e\u0434\u043e\u0432 \u043e\u0442\u0442\u0443\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0442\u043e\u0438\u0442 \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c:\u0412 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438 \u0441 \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u043c\u0438 \u043e\u0434\u0438\u043d\u043e\u0447\u043d\u044b\u043c\u0438 \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u0440\u0430\u0437\u0440\u044b\u0432 \u043c\u0435\u0436\u0434\u0443 Cypress \u0438 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u0431\u044b\u043b \u0432\u044b\u0440\u0430\u0436\u0435\u043d \u0441\u0438\u043b\u044c\u043d\u0435\u0435 \u0432\u0441\u0435\u0433\u043e \u0438\u0437-\u0437\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0441\u0442\u0430\u0440\u0442\u0430 \u0440\u0430\u043d\u043d\u0435\u0440\u0430; \u043d\u0430 \u0441\u044c\u044e\u0442\u0430\u0445 \u0438\u0437 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0442\u0435\u0441\u0442\u043e\u0432 \u043f\u043e\u0434\u0440\u044f\u0434 \u044d\u0442\u043e\u0442 \u0440\u0430\u0437\u0440\u044b\u0432 \u043e\u0449\u0443\u0442\u0438\u043c\u043e \u0441\u043e\u043a\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0437\u0430 \u0441\u0447\u0451\u0442 \u0430\u043c\u043e\u0440\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0445 \u0438\u0437\u0434\u0435\u0440\u0436\u0435\u043a.\u041f\u0440\u0438 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438 \u0441\u044c\u044e\u0442\u0430 (\u0430 \u043d\u0435 \u043e\u0434\u0438\u043d\u043e\u0447\u043d\u043e\u0433\u043e \u0442\u0435\u0441\u0442\u0430) Cypress \u043e\u043a\u0430\u0437\u0430\u043b\u0441\u044f \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u0435\u0435 \u0441\u0430\u043c\u043e\u0433\u043e \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 (Playwright) \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u043d\u0430 23%, \u0438 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043b\u0438\u0448\u044c \u043d\u0430 ~3% \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u0435\u0435, \u0447\u0435\u043c \u0441\u0432\u044f\u0437\u043a\u0430 WebDriverIO+Selenium, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432 \u044d\u0442\u043e\u043c \u043f\u0440\u043e\u0433\u043e\u043d\u0435 \u0431\u044b\u043b\u0430 \u0441\u0430\u043c\u043e\u0439 \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e\u0439.WebDriverIO \u0432 \u0440\u0435\u0436\u0438\u043c\u0435 DevTools-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0430 \u043f\u043e\u043a\u0430\u0437\u0430\u043b \u0437\u0430\u043c\u0435\u0442\u043d\u043e \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u0443\u044e \u0432\u0430\u0440\u0438\u0430\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f, \u0447\u0435\u043c \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u2014 \u0442\u043e \u0435\u0441\u0442\u044c \u043c\u0435\u0434\u0438\u0430\u043d\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u043f\u043b\u043e\u0445\u043e\u0439, \u0430 \u0432\u043e\u0442 p95 \u2014 \u043d\u0435\u0442, \u0438 \u0434\u043b\u044f CI \u044d\u0442\u043e \u0447\u0430\u0441\u0442\u043e \u0432\u0430\u0436\u043d\u0435\u0435 \u0441\u0440\u0435\u0434\u043d\u0435\u0439 \u0446\u0438\u0444\u0440\u044b.\u0412 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u044f\u0445 \u0438\u043c\u0435\u043d\u043d\u043e Playwright \u043f\u043e\u043a\u0430\u0437\u0430\u043b \u043d\u0430\u0438\u043c\u0435\u043d\u044c\u0448\u0443\u044e \u0432\u0430\u0440\u0438\u0430\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0441\u0440\u0435\u0434\u0438 \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432, \u0447\u0442\u043e \u0434\u043b\u044f CI-\u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0437\u043d\u0430\u0447\u0438\u0442 \u0431\u043e\u043b\u044c\u0448\u0435, \u0447\u0435\u043c \u0447\u0438\u0441\u0442\u0430\u044f \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c.\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u043e, \u043f\u043e \u0434\u043e\u043b\u0435 \u0440\u044b\u043d\u043a\u0430 \u2014 \u044d\u0442\u043e \u043d\u0435 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438, \u043d\u043e \u044d\u0442\u043e \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043e\u043f\u0440\u043e\u0441\u0430, \u0430 \u043d\u0435 \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0439 \u0442\u0435\u043a\u0441\u0442: \u043f\u043e \u0434\u0430\u043d\u043d\u044b\u043c State of JS 2024, \u0434\u043e\u043b\u044f Playwright \u0432\u044b\u0440\u043e\u0441\u043b\u0430 \u0441 9% \u0432 2023 \u0433\u043e\u0434\u0443 \u0434\u043e 15% \u0432 2024-\u043c, \u0438 \u043e\u043f\u0440\u043e\u0441 \u043d\u0430\u0437\u0432\u0430\u043b \u0435\u0433\u043e \u0441\u0430\u043c\u043e\u0439 \u0431\u044b\u0441\u0442\u0440\u043e\u0440\u0430\u0441\u0442\u0443\u0449\u0435\u0439 \u043f\u043e \u043f\u0440\u0438\u043d\u044f\u0442\u0438\u044e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0435\u0439 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u043e\u0433\u043e \u0433\u043e\u0434\u0430.\u042d\u0442\u043e, \u043f\u043e \u0441\u0443\u0442\u0438, \u0432\u0441\u0451, \u0447\u0442\u043e \u044f \u043d\u0430\u0448\u0451\u043b \u0441 \u0440\u0430\u0441\u043a\u0440\u044b\u0442\u043e\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0435\u0439 \u0438 \u0431\u0435\u0437 \u044f\u0432\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0430 \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435.\u0410 \u0432\u043e\u0442 \u044d\u0442\u043e \u2014 \u043d\u0435\u0442\u0414\u0430\u043b\u044c\u0448\u0435 \u0438\u0434\u0451\u0442 \u0432\u043e\u0440\u043e\u0445 \u0441\u0432\u0435\u0436\u0438\u0445 (2026 \u0433\u043e\u0434) \u043f\u043e\u0441\u0442\u043e\u0432 \u043e\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u043e\u0434\u0430\u044e\u0442 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0432\u043e\u043a\u0440\u0443\u0433 \u044d\u0442\u0438\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u2014 TMS-\u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443, \u0434\u0430\u0448\u0431\u043e\u0440\u0434\u044b \u0434\u043b\u044f CI, AI-\u0440\u0435\u0432\u044c\u044e \u043f\u0440\u043e\u0433\u043e\u043d\u043e\u0432. \u0424\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0443 \u043d\u0438\u0445 \u0442\u043e\u0436\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e &#171;controlled benchmark&#187;, \u043d\u043e \u0446\u0438\u0444\u0440\u044b \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043e\u0439 \u043d\u0435 \u0431\u044c\u044e\u0442\u0441\u044f, \u0438 \u044d\u0442\u043e \u0432\u0438\u0434\u043d\u043e \u043d\u0435\u0432\u043e\u043e\u0440\u0443\u0436\u0451\u043d\u043d\u044b\u043c \u0433\u043b\u0430\u0437\u043e\u043c:\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u0417\u0430\u044f\u0432\u043b\u0435\u043d\u043d\u0430\u044f \u0440\u0430\u0437\u043d\u0438\u0446\u0430 (Playwright vs Selenium)\u041a\u0430\u043a \u043e\u0431\u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0430TestDino (\u0431\u043b\u043e\u0433 \u21161, \u0444\u0435\u0432\u0440\u0430\u043b\u044c 2026)&#187;\u043d\u0430 ~290 \u043c\u0441\/\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 vs 536 \u043c\u0441 \u0443 Selenium&#187;\u0411\u0435\u0437 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0441\u0442\u0435\u043d\u0434\u0430 \u0438 \u043a\u043e\u043b-\u0432\u0430 \u043f\u0440\u043e\u0433\u043e\u043d\u043e\u0432TestDino (\u0431\u043b\u043e\u0433 \u21162, \u0430\u043f\u0440\u0435\u043b\u044c 2026)&#187;\u043d\u0430 42% \u0431\u044b\u0441\u0442\u0440\u0435\u0435&#187;\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 &#171;\u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044e\u044e \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443&#187; \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438Techoral&#187;\u043d\u0430 63% \u0431\u044b\u0441\u0442\u0440\u0435\u0435, \u043d\u0430 82% \u043c\u0435\u043d\u044c\u0448\u0435 \u0444\u043b\u0430\u043a\u0430&#187;&#187;1000 \u0442\u0435\u0441\u0442\u043e\u0432&#187;, \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u043eVervali Systems&#187;\u0432 1.85 \u0440\u0430\u0437\u0430 \u0431\u044b\u0441\u0442\u0440\u0435\u0435&#187;\u0411\u0435\u0437 \u0441\u044b\u0440\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445\u0420\u0430\u0437\u0431\u0440\u043e\u0441 \u043e\u0442 42% \u0434\u043e 63% \u043f\u0440\u0438 \u0444\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0439 \u043f\u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u0430 \u2014 \u044d\u0442\u043e \u043d\u0435 \u043f\u043e\u0433\u0440\u0435\u0448\u043d\u043e\u0441\u0442\u044c \u0438\u0437\u043c\u0435\u0440\u0435\u043d\u0438\u044f, \u044d\u0442\u043e \u0440\u0430\u0437\u043d\u044b\u0435 (\u0438\u043b\u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0432\u0448\u0438\u0435\u0441\u044f) \u0437\u0430\u043c\u0435\u0440\u044b, \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0432 \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0439 \u0442\u043e\u043d. \u0427\u0430\u0441\u0442\u044c \u044d\u0442\u0438\u0445 \u0442\u0435\u043a\u0441\u0442\u043e\u0432 \u043f\u0440\u044f\u043c\u043e \u043f\u0440\u0438\u0437\u043d\u0430\u0451\u0442\u0441\u044f, \u0447\u0442\u043e \u0434\u0430\u043d\u043d\u044b\u0435 &#171;\u0441\u043e\u0431\u0440\u0430\u043d\u044b \u0438\u0437 \u0442\u0440\u0451\u0445 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u0432&#187;, \u0442\u043e \u0435\u0441\u0442\u044c \u044d\u0442\u043e \u0443\u0436\u0435 \u043d\u0435 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a, \u0430 \u0430\u0433\u0440\u0435\u0433\u0430\u0446\u0438\u044f \u0447\u0443\u0436\u0438\u0445 \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0445 \u0447\u0438\u0441\u0435\u043b, \u0432\u044b\u0434\u0430\u043d\u043d\u0430\u044f \u0437\u0430 \u043d\u043e\u0432\u043e\u0435 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u0430\u043a\u0438\u0435 \u0446\u0438\u0444\u0440\u044b \u0432 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435 \u2014 \u0442\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435, \u0447\u0442\u043e \u0446\u0438\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u043b\u0438\u0441\u0442\u043e\u0432\u043a\u0443 \u043a\u0430\u043a research paper.\u0412\u044b\u0432\u043e\u0434: \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0435\u0441\u0442\u044c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u0442\u0435\u0441\u0442-\u0441\u044c\u044e\u0442 \u0438 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0430\u044f CI-\u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430, \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0447\u0438\u0441\u043b\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u0441\u0442\u043e\u0438\u0442 \u0434\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u2014 \u0442\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0441\u0430\u043c\u0438. \u0414\u0430\u043b\u044c\u0448\u0435 \u2014 \u0445\u0430\u0440\u043d\u0435\u0441\u0441 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e.\u0411\u0435\u043d\u0447\u043c\u0430\u0440\u043a-\u0445\u0430\u0440\u043d\u0435\u0441\u0441: \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439 \u043d\u0430 \u0447\u0435\u0442\u044b\u0440\u0451\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0445\u0418\u0434\u0435\u044f: \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 flow (\u043b\u043e\u0433\u0438\u043d \u2192 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b \u2192 \u043a\u043b\u0438\u043a \u043f\u043e \u0442\u0440\u0451\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c \u2192 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f), \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430, \u043f\u0440\u043e\u0433\u043d\u0430\u043d\u043d\u044b\u0439 N \u0440\u0430\u0437 \u043f\u043e\u0434\u0440\u044f\u0434 \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0438 \u0442\u043e\u0439 \u0436\u0435 CI-\u043c\u0430\u0448\u0438\u043d\u0435, \u0441 \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438 \u0432\u0435\u0440\u0441\u0438\u044f\u043c\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432.\u0422\u0435\u0441\u0442\u043e\u0432\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u0411\u0435\u0440\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0439 staging, \u043b\u0438\u0431\u043e \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439 fixture-\u0441\u0435\u0440\u0432\u0435\u0440 \u043d\u0430 Express \u2014 \u0433\u043b\u0430\u0432\u043d\u043e\u0435, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0435 \u0447\u0435\u0442\u044b\u0440\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u0445\u043e\u0434\u0438\u043b\u0438 \u0432 \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u0438\u043d\u0441\u0442\u0430\u043d\u0441 \u0441 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0439 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u043e\u0439 \u0441\u0435\u0442\u0438 (\u0442\u043e \u0435\u0441\u0442\u044c localhost, \u043d\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0439 CDN, \u0438\u043d\u0430\u0447\u0435 \u0441\u0435\u0442\u0435\u0432\u043e\u0439 \u0434\u0436\u0438\u0442\u0442\u0435\u0440 \u0437\u0430\u0431\u044c\u0451\u0442 \u0440\u0430\u0437\u043d\u0438\u0446\u0443 \u043c\u0435\u0436\u0434\u0443 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u043c\u0438).\/\/ fixture-server.js \u2014 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 SPA-\u043f\u043e\u0434\u043e\u0431\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0437\u0430\u043c\u0435\u0440\u0430const express = require(&#8216;express&#8217;);const app = express();app.use(express.urlencoded({ extended: true }));app.get(&#8216;\/login&#8217;, (_, res) =&gt; res.send(`  &lt;form method=&#187;post&#187; action=&#187;\/login&#187;&gt;    &lt;input name=&#187;user&#187; \/&gt;&lt;input name=&#187;pass&#187; type=&#187;password&#187; \/&gt;    &lt;button type=&#187;submit&#187;&gt;\u0412\u043e\u0439\u0442\u0438&lt;\/button&gt;  &lt;\/form&gt;`));app.post(&#8216;\/login&#8217;, (_, res) =&gt; res.redirect(&#8216;\/dashboard&#8217;));app.get(&#8216;\/dashboard&#8217;, (_, res) =&gt; res.send(`  &lt;div id=&#187;items&#187;&gt;    &lt;button data-id=&#187;1&#8243;&gt;Item 1&lt;\/button&gt;    &lt;button data-id=&#187;2&#8243;&gt;Item 2&lt;\/button&gt;    &lt;button data-id=&#187;3&#8243;&gt;Item 3&lt;\/button&gt;  &lt;\/div&gt;  &lt;div id=&#187;status&#187;&gt;idle&lt;\/div&gt;  &lt;script&gt;    document.querySelectorAll(&#8216;button&#8217;).forEach(b =&gt;      b.onclick = () =&gt; document.getElementById(&#8216;status&#8217;).innerText = &#8216;clicked-&#8216; + b.dataset.id);  &lt;\/script&gt;`));app.listen(3000);Playwright\/\/ playwright.spec.tsimport { test, expect } from &#8216;@playwright\/test&#8217;;test(&#8216;login + interact flow&#8217;, async ({ page }) =&gt; {  await page.goto(&#8216;http:\/\/localhost:3000\/login&#8217;);  await page.fill(&#8216;input[name=user]&#8217;, &#8216;qa&#8217;);  await page.fill(&#8216;input[name=pass]&#8217;, &#8216;qa&#8217;);  await page.click(&#8216;button[type=submit]&#8217;);  await page.waitForURL(&#8216;**\/dashboard&#8217;);  for (const id of [1, 2, 3]) {    await page.click(`button[data-id=&#187;${id}&#187;]`);  }  await expect(page.locator(&#8216;#status&#8217;)).toHaveText(&#8216;clicked-3&#8217;);});npx playwright test &#8212;reporter=json &#8212;workers=1 &#8212;repeat-each=50 &gt; pw-results.jsonCypress\/\/ cypress\/e2e\/flow.cy.jsdescribe(&#8216;login + interact flow&#8217;, () =&gt; {  it(&#8216;runs the flow&#8217;, () =&gt; {    cy.visit(&#8216;http:\/\/localhost:3000\/login&#8217;);    cy.get(&#8216;input[name=user]&#8217;).type(&#8216;qa&#8217;);    cy.get(&#8216;input[name=pass]&#8217;).type(&#8216;qa&#8217;);    cy.get(&#8216;button[type=submit]&#8217;).click();    cy.url().should(&#8216;include&#8217;, &#8216;\/dashboard&#8217;);    [1, 2, 3].forEach((id) =&gt; cy.get(`button[data-id=&#187;${id}&#187;]`).click());    cy.get(&#8216;#status&#8217;).should(&#8216;have.text&#8217;, &#8216;clicked-3&#8217;);  });});npx cypress run &#8212;reporter json &#8212;spec cypress\/e2e\/flow.cy.js &gt; cy-results.jsonWebdriverIO (\u0432 DevTools\/Bidi-\u0440\u0435\u0436\u0438\u043c\u0435 \u2014 \u0434\u043b\u044f \u0447\u0435\u0441\u0442\u043d\u043e\u0433\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044f \u0441 Playwright)\/\/ wdio.flow.spec.jsdescribe(&#8216;login + interact flow&#8217;, () =&gt; {  it(&#8216;runs the flow&#8217;, async () =&gt; {    await browser.url(&#8216;http:\/\/localhost:3000\/login&#8217;);    await $(&#8216;input[name=user]&#8217;).setValue(&#8216;qa&#8217;);    await $(&#8216;input[name=pass]&#8217;).setValue(&#8216;qa&#8217;);    await $(&#8216;button[type=submit]&#8217;).click();    await browser.waitUntil(async () =&gt; (await browser.getUrl()).includes(&#8216;\/dashboard&#8217;));    for (const id of [1, 2, 3]) {      await $(`button[data-id=&#187;${id}&#187;]`).click();    }    await expect($(&#8216;#status&#8217;)).toHaveText(&#8216;clicked-3&#8217;);  });});Selenium (Node binding, \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 WebDriver-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b)\/\/ selenium.flow.jsconst { Builder, By, until } = require(&#8216;selenium-webdriver&#8217;);(async () =&gt; {  const driver = await new Builder().forBrowser(&#8216;chrome&#8217;).build();  const t0 = performance.now();  try {    await driver.get(&#8216;http:\/\/localhost:3000\/login&#8217;);    await driver.findElement(By.name(&#8216;user&#8217;)).sendKeys(&#8216;qa&#8217;);    await driver.findElement(By.name(&#8216;pass&#8217;)).sendKeys(&#8216;qa&#8217;);    await driver.findElement(By.css(&#8216;button[type=submit]&#8217;)).click();    await driver.wait(until.urlContains(&#8216;\/dashboard&#8217;), 5000);    for (const id of [1, 2, 3]) {      await driver.findElement(By.css(`button[data-id=&#187;${id}&#187;]`)).click();    }    await driver.wait(until.elementTextContains(driver.findElement(By.id(&#8216;status&#8217;)), &#8216;clicked-3&#8217;), 5000);  } finally {    console.log(JSON.stringify({ duration_ms: performance.now() &#8212; t0 }));    await driver.quit();  }})();\u0414\u043b\u044f Selenium \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u044c \u0437\u0430\u043c\u0435\u0440 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 (\u043a\u0430\u043a \u0432\u044b\u0448\u0435) \u2014 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0435\u043f\u043e\u0440\u0442\u0435\u0440\u0430 \u0441 \u0442\u0430\u0439\u043c\u0438\u043d\u0433\u0430\u043c\u0438 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0442\u0435\u0441\u0442\u0430, \u043a\u0430\u043a \u0443 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0442\u0440\u0451\u0445, \u043d\u0435\u0442 \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438.\u0423\u0441\u043b\u043e\u0432\u0438\u044f, \u0431\u0435\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0431\u0435\u0441\u0441\u043c\u044b\u0441\u043b\u0435\u043d\u043d\u043e\u041e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u0440\u0430\u043d\u043d\u0435\u0440:&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-484439","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/484439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=484439"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/484439\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=484439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=484439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=484439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}