{"id":299231,"date":"2020-02-25T15:00:21","date_gmt":"2020-02-25T15:00:21","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=299231"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=299231","title":{"rendered":"\u00ab\u0415\u0441\u043b\u0438 \u0441\u0430\u0439\u0442\u044b \u0431\u0443\u0434\u0443\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435 \u2014 \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u00bb: \u0438\u043d\u0442\u0435\u0440\u0432\u044c\u044e \u0441 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u043c Playwright \u0410\u043d\u0434\u0440\u0435\u0435\u043c \u041b\u0443\u0448\u043d\u0438\u043a\u043e\u0432\u044b\u043c"},"content":{"rendered":"\n<div class=\"post__text post__text-html\" id=\"post-content-body\" data-io-article-url=\"https:\/\/habr.com\/ru\/company\/jugru\/blog\/488984\/\">\u0421\u043e\u0432\u0441\u0435\u043c \u043d\u0435\u0434\u0430\u0432\u043d\u043e \u0432\u044b\u0448\u043b\u0430 <a href=\"https:\/\/habr.com\/ru\/company\/jugru\/blog\/487294\/\">\u0441\u0442\u0430\u0442\u044c\u044f \u043f\u0440\u043e \u043d\u043e\u0432\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 Playwright<\/a>, \u043e\u0434\u043d\u0438\u043c \u0438\u0437 \u0430\u0432\u0442\u043e\u0440\u043e\u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0410\u043d\u0434\u0440\u0435\u0439 \u041b\u0443\u0448\u043d\u0438\u043a\u043e\u0432. \u041d\u0430\u043c \u0432\u044b\u043f\u0430\u043b\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u0410\u043d\u0434\u0440\u0435\u0435\u043c \u0438 \u0437\u0430\u0434\u0430\u0442\u044c \u0432\u0441\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043b\u0438 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445. \u0414\u0443\u043c\u0430\u044e, \u0432 \u044d\u0442\u043e\u043c \u043b\u043e\u043d\u0433\u0440\u0438\u0434\u0435 \u043e\u043d\u0438 \u0441\u043c\u043e\u0433\u0443\u0442 \u043d\u0430\u0439\u0442\u0438 \u043e\u0442\u0432\u0435\u0442\u044b. \u041d\u0435\u043c\u043d\u043e\u0433\u043e \u0441\u043f\u043e\u0439\u043b\u0435\u0440\u043e\u0432: <\/p>\n<ul>\n<li>\u0410\u043d\u0434\u0440\u0435\u0439 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b \u0438\u0441\u0442\u043e\u0440\u0438\u044e \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f Playwright \u0438 Puppeteer; <\/li>\n<li>\u043e\u0442\u0432\u0435\u0442\u0438\u043b \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043f\u0440\u043e \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c\u0438; <\/li>\n<li>\u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b \u043f\u0440\u043e \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u0434\u0432\u0438\u0436\u043a\u043e\u0432 \u0438 \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 Playwright. <\/li>\n<\/ul>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/ch\/z_\/cg\/chz_cgm2cbo9aefywc3tocldkcw.jpeg\"><\/p>\n<p>  \u0410\u043d\u0434\u0440\u0435\u0439 \u041b\u0443\u0448\u043d\u0438\u043a\u043e\u0432 \u043f\u0440\u0438\u0435\u0434\u0435\u0442 \u0432 \u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433 8-9 \u0430\u043f\u0440\u0435\u043b\u044f \u043d\u0430 \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044e <a href=\"https:\/\/heisenbug-piter.ru\/registration\/?utm_source=habr&amp;utm_medium=488984&amp;utm_campaign=heisen20piter\">Heisenbug<\/a>, \u0433\u0434\u0435 \u0438 \u0443 \u0432\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0437\u0430\u0434\u0430\u0442\u044c \u0435\u043c\u0443 \u0432\u043e\u043f\u0440\u043e\u0441\u044b.<br \/>  <a name=\"habracut\"><\/a><br \/>  <i>\u0412 \u0438\u043d\u0442\u0435\u0440\u0432\u044c\u044e \u0443\u0447\u0430\u0441\u0442\u0432\u043e\u0432\u0430\u043b\u0438: \u0412\u043b\u0430\u0434\u0438\u043c\u0438\u0440 \u0421\u0438\u0442\u043d\u0438\u043a\u043e\u0432 <a href=\"https:\/\/habr.com\/ru\/users\/vladimirsitnikov\/\" class=\"user_link\">vladimirsitnikov<\/a> (\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u044b\u0439 \u043a\u043e\u043c\u0438\u0442\u0435\u0442 Heisenbug), \u0415\u0432\u0433\u0435\u043d\u0438\u0439 \u0422\u0440\u0438\u0444\u043e\u043d\u043e\u0432 <a href=\"https:\/\/habr.com\/ru\/users\/phillennium\/\" class=\"user_link\">phillennium<\/a> (\u0436\u0443\u0440\u043d\u0430\u043b\u0438\u0441\u0442 JUG Ru Group), \u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434 \u0411\u0440\u0435\u043a\u0435\u043b\u043e\u0432 (PMM \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0438 Heisenbug).<br \/>  <\/i><\/p>\n<h2><font color=\"#DB8E0D\">\u041a\u0440\u043e\u0441\u0441\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0439 \u0448\u043f\u0430\u0433\u0430\u0442<\/font><\/h2>\n<p>  <b>\u0415\u0432\u0433\u0435\u043d\u0438\u0439: \u0423 \u043c\u0435\u043d\u044f \u0435\u0441\u0442\u044c \u0432\u0432\u043e\u0434\u043d\u044b\u0439 \u0432\u043e\u043f\u0440\u043e\u0441. \u041a\u043e\u0433\u0434\u0430 \u044f \u0441\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u044e\u0441\u044c \u0441 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c \u0432\u0438\u0434\u0430 Playwright \u0438 \u0432\u0438\u0436\u0443 \u0441\u043b\u043e\u0432\u043e \u00ab\u043a\u0440\u043e\u0441\u0441\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0439\u00bb, \u0432\u0441\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0440\u0435\u043a\u043b\u0430\u043c\u0430 \u0441 \u0412\u0430\u043d \u0414\u0430\u043c\u043c\u043e\u043c \u043d\u0430 \u0448\u043f\u0430\u0433\u0430\u0442\u0435 \u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u0445 \u0433\u0440\u0443\u0437\u043e\u0432\u0438\u043a\u043e\u0432. <\/p>\n<p>  \u0423 \u043c\u0435\u043d\u044f \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u043e\u0434\u0438\u043d \u0442\u0430\u043a\u043e\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442, \u0447\u0442\u043e\u0431\u044b \u043e\u043d \u0440\u0430\u0431\u043e\u0442\u0430\u043b \u0441 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c\u0438 \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u044f\u0437\u044b\u043a\u0430\u0445, \u2014 \u0442\u043e\u0436\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0442\u0430\u043a\u0438\u0435 \u0448\u043f\u0430\u0433\u0430\u0442\u044b. \u0418\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e \u043f\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c, \u0433\u0434\u0435 \u043e\u043d\u0438 \u0438 \u043a\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u0433\u043b\u0430\u0432\u043d\u044b\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0447\u0435\u043b\u043b\u0435\u043d\u0434\u0436\u0438. <\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u0414\u0430, \u0442\u0430\u043a\u0438\u0445 \u0448\u043f\u0430\u0433\u0430\u0442\u043e\u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043c\u043d\u043e\u0433\u043e. \u041d\u0430\u043c, \u043a\u0430\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c, \u043c\u043d\u043e\u0433\u0438\u0435 \u0432\u0435\u0449\u0438 \u043a\u0430\u0436\u0443\u0442\u0441\u044f \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u043c\u0438 \u0438 \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c\u0438, \u0430 \u043d\u0430 \u0434\u0435\u043b\u0435 \u044d\u0442\u043e \u043d\u0435 \u0442\u0430\u043a. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0442\u0430\u043a\u0430\u044f \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0432\u0435\u0449\u044c, \u043a\u0430\u043a \u043d\u0430\u0436\u0430\u0442\u0438\u0435 \u043d\u0430 \u0441\u0441\u044b\u043b\u043a\u0443.<\/p>\n<p>  \u0412\u043e\u0442 \u044f \u043d\u0430\u0436\u0430\u043b \u043d\u0430 \u0441\u0441\u044b\u043b\u043a\u0443 \u2014 \u0430 \u0441\u0441\u044b\u043b\u043a\u0430 \u0432\u043e\u0437\u044c\u043c\u0438 \u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0443 \u043a \u043a\u0430\u043a\u043e\u043c\u0443-\u043d\u0438\u0431\u0443\u0434\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u043c\u0443 \u043c\u0435\u0441\u0442\u0443. URL \u0432\u0440\u043e\u0434\u0435 \u0431\u044b \u0438 \u043f\u043e\u043c\u0435\u043d\u044f\u043b\u0441\u044f, \u043d\u043e \u0441\u0430\u0439\u0442-\u0442\u043e \u0432\u0441\u0435 \u0442\u043e\u0442 \u0436\u0435. \u042d\u0442\u043e \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0438\u043b\u0438 \u043d\u0435 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f? \u0421 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430 \u2014 \u0432\u043f\u043e\u043b\u043d\u0435, \u0430 \u0441 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0435\u0441\u0442\u044c \u0440\u0430\u0437\u043d\u044b\u0435 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438: same-page navigation, \u043a\u043e\u0433\u0434\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u043d\u0435 \u043f\u0435\u0440\u0435\u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f, \u0438 new document navigation \u2014 \u043a\u043e\u0433\u0434\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0441\u044f \u0437\u0430\u043d\u043e\u0432\u043e. Same-page navigations \u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u044b\u043b\u0438 \u0433\u043e\u043b\u043e\u0432\u043d\u043e\u0439 \u0431\u043e\u043b\u044c\u044e \u0434\u043b\u044f Web Automation, \u0438 \u0432 \u043d\u0430\u0448\u0443 \u044d\u043f\u043e\u0445\u0443 SPA (single page application) \u0438 \u043c\u0430\u0441\u0441\u043e\u0432\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/History\">History API<\/a> \u0436\u0438\u0437\u043d\u044c \u043f\u0440\u043e\u0449\u0435 \u043d\u0435 \u0441\u0442\u0430\u043b\u0430.<\/p>\n<p>  \u0421\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0451 \u044d\u0442\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u043b\u043e\u0441\u044c \u043e\u0434\u043d\u0438\u043c API, \u0432\u0432\u0435\u0441\u0442\u0438 \u0444\u043e\u0440\u043c\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u043b\u044e\u0434\u0438 \u043d\u0435 \u0443\u0434\u0438\u0432\u043b\u044f\u043b\u0438\u0441\u044c, \u043a\u0430\u043a \u0447\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u2014 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0441\u043b\u043e\u0436\u043d\u043e. \u042d\u0442\u043e \u043f\u0435\u0440\u0432\u044b\u0439 \u0447\u0435\u043b\u043b\u0435\u043d\u0434\u0436.<\/p>\n<p>  \u041d\u043e \u043c\u0430\u043b\u043e \u043f\u0440\u0438\u0434\u0443\u043c\u0430\u0442\u044c API, \u043d\u0430\u0434\u043e \u044d\u0442\u043e API \u0435\u0449\u0435 \u043a\u0430\u043a-\u0442\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0432\u043e \u0432\u0441\u0435\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445: Chromium, WebKit \u0438 Firefox. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043c\u044b \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u043c\u0441\u044f \u00ab\u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0435\u0439\u00bb \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u0434\u0432\u0438\u0436\u043a\u043e\u0432 \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0435 \u0434\u0435\u0431\u0430\u0433\u0433\u0438\u043d\u0433-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u044b. \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u044d\u0442\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u2014 Chrome DevTools Protocol \u0432 Chromium, <a href=\"https:\/\/github.com\/puppeteer\/juggler\">Juggler<\/a> \u0432 Firefox, \u0438 WebInspector Protocol \u0432 WebKit. \u0414\u0435\u0431\u0430\u0433\u0433\u0438\u043d\u0433-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u044b \u0441 \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043c\u043e\u0449\u043d\u044b\u043c\u0438, \u0447\u0442\u043e\u0431\u044b \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u043e\u0435 \u043d\u0430\u043c API, \u0430 \u0441 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u2014 \u043f\u0440\u043e\u0441\u0442\u044b\u043c\u0438 \u0432 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0435 \u0434\u043b\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432.<\/p>\n<p>  \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0442\u0430 \u0436\u0435 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0432\u043d\u0443\u0442\u0440\u0438 WebKit \u0438 Chromium \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u0430 \u043e\u0447\u0435\u043d\u044c \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443. \u041c\u044b \u043c\u043d\u043e\u0433\u043e \u043e\u0431\u0449\u0430\u043b\u0438\u0441\u044c \u0441 \u0440\u0435\u0431\u044f\u0442\u0430\u043c\u0438 \u0438\u0437 WebKit \u0438 \u0432 \u0438\u0442\u043e\u0433\u0435 \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u043b\u0438\u0441\u044c \u043d\u0430 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043a\u0430\u0440\u0434\u0438\u043d\u0430\u043b\u044c\u043d\u043e \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u0445\u0440\u043e\u043c\u043e\u0432\u0441\u043a\u043e\u0439, \u043d\u043e \u0432\u0441\u0435 \u0435\u0449\u0435 \u0443\u0434\u043e\u0432\u043b\u0435\u0442\u0432\u043e\u0440\u044f\u0435\u0442 \u043d\u0430\u0448\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438 \u0432 Web Automation. \u0422\u0430\u043a \u0432\u043e\u0442, \u043f\u043e\u0438\u0441\u043a \u0442\u0430\u043a\u0438\u0445 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0441\u043e\u0432 \u043c\u0435\u0436\u0434\u0443 API \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u043f\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0442\u0440\u0435\u0445 \u0440\u0430\u0437\u043d\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u2014 \u044d\u0442\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u043b\u043e\u0436\u043d\u043e, \u043d\u043e \u043e\u0447\u0435\u043d\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e.<\/p>\n<p>  \u0427\u0442\u043e \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0447\u0435\u043b\u043b\u0435\u043d\u0434\u0436\u0435\u0439, \u0442\u043e \u0441\u0430\u043c\u044b\u0439 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u2014 \u044d\u0442\u043e <b>\u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u0439 WebKit<\/b>. \u0412 \u0434\u0438\u043a\u043e\u0439 \u043f\u0440\u0438\u0440\u043e\u0434\u0435 \u0432\u0435\u0431\u043a\u0438\u0442 \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0432 \u0432\u0438\u0434\u0435 Safari \u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 macOS\/iOS. \u041d\u043e \u043d\u0435 \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0435\u0441\u0442\u044c Mac, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0430\u0448\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u0431\u044b\u043b\u0430 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0431\u0438\u043b\u0434\u044b \u0432\u0435\u0431\u043a\u0438\u0442\u0430 \u043d\u0430 Mac, Linux \u0438 Windows, \u0438 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u044d\u0442\u043e\u043c\u0443 \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u043d\u043e \u0433\u043e\u043d\u044f\u0442\u044c \u0441\u0432\u043e\u0438 \u0432\u0435\u0431-\u0442\u0435\u0441\u0442\u044b \u043d\u0430 \u043a\u0430\u043a\u043e\u043c-\u043d\u0438\u0431\u0443\u0434\u044c \u0434\u0435\u0448\u0435\u0432\u043e\u043c linux-based CI \u0432\u043e \u0432\u0441\u0435\u0445 \u0442\u0440\u0435\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445.<\/p>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u0410 WebKit \u0441\u0435\u0439\u0447\u0430\u0441 Apple \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0438\u043b\u0438 \u043a\u0442\u043e-\u0442\u043e \u0435\u0449\u0451?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u041d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u043d\u0435 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e, WebKit \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0441\u0438\u043b\u0430\u043c\u0438 Apple \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 <a href=\"https:\/\/www.igalia.com\/\">Igalia<\/a>.<\/p>\n<p>  \u0423 WebKit \u0435\u0441\u0442\u044c \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u0440\u0430\u0437\u043d\u044b\u0445 \u043f\u043e\u0440\u0442\u043e\u0432 \u043f\u043e\u0434 \u0440\u0430\u0437\u043d\u044b\u0435 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b. Igalia \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f linux-\u043f\u043e\u0440\u0442\u0430\u043c\u0438 <a href=\"https:\/\/webkitgtk.org\/\">WebKitGTK<\/a> \u0438 <a href=\"https:\/\/webkit.org\/wpe\/\">WebKitWPE<\/a>, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c <a href=\"https:\/\/gitlab.gnome.org\/GNOME\/epiphany\">Epiphany<\/a>.<\/p>\n<p>  \u0427\u0442\u043e \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f WebKit \u043d\u0430 Mac \u2014 \u044d\u0442\u043e, \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435, Apple.<\/p>\n<p>  \u041d\u0430 Windows \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u043f\u043e\u0440\u0442\u0430. \u041f\u0435\u0440\u0432\u044b\u0439 \u2014 <a href=\"https:\/\/webkit.org\/webkit-on-windows\/\">Webkit-on-Windows<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 Apple \u0432\u0440\u043e\u0434\u0435 \u0431\u044b \u0441\u0434\u0435\u043b\u0430\u043b\u0430 \u0434\u043b\u044f iTunes \u043d\u0430 Windows. \u042d\u0442\u043e\u0442 \u043f\u043e\u0440\u0442 \u043d\u0435 \u043e\u0441\u043e\u0431\u043e \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f. \u0412\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u0440\u0442 <a href=\"https:\/\/trac.webkit.org\/wiki\/BuildingCairoOnWindows\">WebKit Cairo<\/a>. \u0418\u043c \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f Sony.<\/p>\n<h2><font color=\"#DB8E0D\">\u041a\u0430\u043a \u044d\u0442\u043e \u0431\u044b\u043b\u043e? \u041a\u0430\u043a\u0438\u0435 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f?<\/font><\/h2>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u041e\u0434\u0438\u043d \u0438\u0437 \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0435\u0439 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/company\/jugru\/blog\/487294\/#comment_21248602\">\u043e\u0442\u043c\u0435\u0442\u0438\u043b<\/a>, \u0447\u0442\u043e \u0435\u0441\u0442\u044c \u043d\u044e\u0430\u043d\u0441\u044b \u0441 Mozilla. \u0423 \u043d\u0438\u0445 \u0436\u0435 \u0442\u0430\u043c \u043d\u0435 DevTools \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b, \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e, \u0430 \u0441\u0432\u043e\u0439 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e? \u041f\u043e \u043a\u0440\u0430\u0439\u043d\u0435\u0439 \u043c\u0435\u0440\u0435, \u0433\u043e\u0434 \u043d\u0430\u0437\u0430\u0434 \u0431\u044b\u043b\u0430 \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u043a\u0430, \u0447\u0442\u043e \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c API \u0442\u0430\u043a\u043e\u0439 \u0436\u0435, \u043a\u0430\u043a \u0434\u043b\u044f Puppeteer.<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u041d\u044e\u0430\u043d\u0441 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0435\u0441\u0442\u044c \ud83d\ude42 \u0414\u043b\u044f \u043d\u0443\u0436\u0434 Playwright \u043c\u044b \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c <a href=\"https:\/\/github.com\/puppeteer\/juggler\">Juggler<\/a> \u2014 \u0434\u0435\u0431\u0430\u0433\u0433\u0438\u043d\u0433-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b \u0434\u043b\u044f Firefox, \u0438\u0434\u0435\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u0445\u043e\u0436\u0438\u0439 \u043d\u0430 Chrome DevTools Protocol, \u043e\u0434\u043d\u0430\u043a\u043e <b>\u0438\u043c \u043d\u0435 \u044f\u0432\u043b\u044f\u044e\u0449\u0438\u0439\u0441\u044f<\/b>. \u041f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a?<\/p>\n<p>  \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e Chrome DevTools Protocol \u043e\u0447\u0435\u043d\u044c \u043d\u0438\u0437\u043a\u043e\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u0439 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b: \u044d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c \u043e\u0442 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c, \u043d\u043e \u0442\u0430\u043a \u043a\u0430\u043a \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0438 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f, <b>\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u043d\u0438\u043c<\/b>. \u0414\u043b\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f Chrome DevTools Protocol \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u043c \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043e\u043c: \u0437\u043d\u0430\u0442\u044c, \u0433\u0434\u0435 \u043f\u043e\u0447\u0438\u0442\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438 \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u043a\u0430\u043a \u0447\u0442\u043e \u0443\u0441\u0442\u0440\u043e\u0435\u043d\u043e. \u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, Chromium \u2014 \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0438 \u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442, \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Chrome DevTools Protocol \u0441\u043b\u043e\u0436\u043d\u043e, \u0430 \u043f\u043e\u0441\u043f\u0435\u0432\u0430\u0442\u044c \u0437\u0430 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u043c\u0438 \u0432 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0435 \u2014 \u0438 \u0432\u043e\u0432\u0441\u0435 \u0432\u0435\u0447\u043d\u044b\u0439 \u043a\u0440\u0435\u0441\u0442. \u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c, \u043d\u0435\u0442\u0440\u0438\u0432\u0438\u0430\u043b\u044c\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0445 Chrome Devtools Protocol, \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442 \u0434\u043e\u043b\u0436\u043d\u043e\u0439 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438, \u0438 \u0447\u0435\u0440\u0435\u0437 \u043f\u043e\u043b\u0442\u043e\u0440\u0430-\u0434\u0432\u0430 \u0433\u043e\u0434\u0430 \u043f\u043e\u0441\u043b\u0435 \u0441\u0432\u043e\u0435\u0433\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u044e\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043d\u043e\u0432\u044b\u043c\u0438 \u0432\u0435\u0440\u0441\u0438\u044f\u043c\u0438 Chromium. \u041e\u0442\u0447\u0430\u0441\u0442\u0438 \u044d\u0442\u043e \u0438 \u043f\u043e\u0431\u0443\u0434\u0438\u043b\u043e \u043d\u0430\u0441 \u0432 \u0441\u0432\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0441\u043e\u0437\u0434\u0430\u0442\u044c Chrome Puppeteer \u043a\u0430\u043a \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u044b\u0439 API \u0434\u043b\u044f Chromium Automation.<\/p>\n<p>  Juggler \u2014 \u044d\u0442\u043e \u043d\u0430\u0448\u0435 \u0432\u0438\u0434\u0435\u043d\u0438\u0435 \u043c\u043e\u0449\u043d\u043e\u0433\u043e \u0434\u0435\u0431\u0430\u0433\u0433\u0438\u043d\u0433-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0430 \u0434\u043b\u044f \u0444\u0430\u0439\u0435\u0440\u0444\u043e\u043a\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u0438 \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0432\u043b\u043e\u0436\u0438\u043b\u0438 \u0432\u0435\u0441\u044c \u043d\u0430\u0448 \u043e\u043f\u044b\u0442 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430\u0434 \u0434\u0435\u0431\u0430\u0433\u0433\u0438\u043d\u0433-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u043e\u043c \u0432 Chromium. <\/p>\n<p>  \u041a\u043e\u0433\u0434\u0430 \u043c\u044b \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u0438 Juggler \u043a\u043e\u043c\u0430\u043d\u0434\u0435 Firefox, \u0431\u044b\u043b\u043e \u043c\u043d\u043e\u0433\u043e \u0432\u043e\u043e\u0434\u0443\u0448\u0435\u0432\u043b\u0435\u043d\u0438\u044f. \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0432 Firefox \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u043e\u0432: <a href=\"https:\/\/firefox-source-docs.mozilla.org\/testing\/marionette\/Intro.html\">marionette<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u043d\u0443\u0436\u0434 Selenium, \u0438 <a href=\"https:\/\/docs.firefox-dev.tools\/backend\/protocol.html\">Remote Debugging Protocol<\/a> \u2014 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u043d\u0443\u0436\u0434 Firefox DevTools. \u041e\u0434\u043d\u0430\u043a\u043e \u044d\u0442\u0438 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u044b \u043f\u043e \u0440\u0430\u0437\u043d\u044b\u043c \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u043c \u043d\u0435 \u0443\u0434\u043e\u0432\u043b\u0435\u0442\u0432\u043e\u0440\u044f\u044e\u0442 \u043d\u0443\u0436\u0434\u044b web automation.<\/p>\n<blockquote><p>\u041c\u044b \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u043c \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u043d\u0430\u0448 Juggler.<\/p><\/blockquote>\n<p>  \u0421 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b, \u0431\u044b\u043b\u043e \u043c\u043d\u043e\u0433\u043e \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0439. \u0412 \u043a\u043e\u043d\u0446\u0435 \u043a\u043e\u043d\u0446\u043e\u0432, \u043d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u0432\u0441\u0435 \u043d\u0430\u0448\u0438 \u0441\u043e\u043c\u043d\u0435\u043d\u0438\u044f \u0432 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0438\u043c\u043e\u0441\u0442\u0438, \u043a\u043e\u043c\u0430\u043d\u0434\u0430 Firefox \u0440\u0435\u0448\u0438\u043b\u0430 \u043d\u0430\u0447\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u2014 <a href=\"https:\/\/firefox-source-docs.mozilla.org\/remote\/index.html\">Remote Protocol<\/a>, \u0446\u0435\u043b\u044c\u044e \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0441\u0442\u0430\u043b\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0441\u0430\u043c\u043e\u0433\u043e Chrome DevTools Protocol \u0432 Firefox. \u0415\u0441\u043b\u0438 \u0443 \u043d\u0438\u0445 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u2014 \u0447\u0442\u043e \u0436, \u0431\u0443\u0434\u0435\u0442 \u0437\u0434\u043e\u0440\u043e\u0432\u043e! \u041c\u044b \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043d\u0430 \u0438\u0445 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0438 \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0443 \u0441\u0435\u0431\u044f \u0432 Playwright. \u0410 \u043f\u043e\u043a\u0430 \u043c\u044b \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u043c \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u043d\u0430\u0448 Juggler.<\/p>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u041a\u0430\u043a \u043c\u044b \u043f\u043e\u043d\u044f\u043b\u0438, \u0442\u044b \u0434\u0435\u043b\u0430\u043b \u0438 Juggler, \u0438 Puppeteer. \u0425\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u043f\u043e\u043d\u044f\u0442\u044c: \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043d\u0430 Playwright \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u0432\u0435\u0441\u044c API Puppeteer \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0432 Playwright?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u041a\u0440\u0430\u0442\u043a\u0438\u0439 \u043e\u0442\u0432\u0435\u0442 \u2014 \u0432\u0441\u0435 \u0442\u0430\u043a! \u0415\u0441\u043b\u0438 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435, \u0442\u043e API \u0432 Playwright \u043b\u0438\u0431\u043e \u0442\u0430\u043a\u043e\u0435 \u0436\u0435, \u043a\u0430\u043a \u0432 Puppeteer, \u043b\u0438\u0431\u043e \u043b\u0443\u0447\u0448\u0435 \ud83d\ude42<\/p>\n<p>  \u041a\u043e\u0433\u0434\u0430 \u043c\u044b \u043d\u0430\u0447\u0438\u043d\u0430\u043b\u0438 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f Puppeteer, \u043c\u044b \u0442\u043e\u043b\u043a\u043e\u043c \u043d\u0435 \u0437\u043d\u0430\u043b\u0438, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u043c. \u041c\u044b \u0432\u0441\u044e \u0436\u0438\u0437\u043d\u044c \u0437\u0430\u043d\u0438\u043c\u0430\u043b\u0438\u0441\u044c Chrome Developer Tools, \u0434\u0435\u043b\u0430\u043b\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043b\u0438 Chrome Devtools Protocol. \u0418 \u0442\u0443\u0442 \u0432\u0434\u0440\u0443\u0433 \u0442\u0430\u043a\u0430\u044f \u0442\u0435\u043c\u0430 \u2014 web automation! \u0420\u0435\u0448\u0438\u043b\u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u0447\u0442\u043e \u0442\u0430\u043c \u0431\u044b\u0432\u0430\u0435\u0442, \u0430 \u0442\u0430\u043c \u043a\u0430\u043a\u043e\u0439-\u0442\u043e <a href=\"https:\/\/phantomjs.org\/\">PhantomJS<\/a>, \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043d\u0435\u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0439 \u043c\u0438\u0440. <\/p>\n<blockquote><p>\u0412 Playwright \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0437\u0430\u0442\u043e\u0447\u0438\u0442\u044c API \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u043b\u044e\u0434\u0438 \u043f\u0438\u0441\u0430\u043b\u0438 \u0442\u0435\u0441\u0442\u044b, \u0438 \u0438\u043c \u0431\u044b\u043b\u043e \u043b\u0435\u0433\u043a\u043e, \u043a\u0440\u0430\u0441\u0438\u0432\u043e \u0438 \u043f\u043e\u043d\u044f\u0442\u043d\u043e.<\/p><\/blockquote>\n<p>  \u041f\u043e \u043e\u0431\u0440\u0430\u0437\u0443 \u0438 \u043f\u043e\u0434\u043e\u0431\u0438\u044e \u0441\u0442\u0430\u0440\u0448\u0438\u0445 \u0431\u0440\u0430\u0442\u044c\u0435\u0432 \u043c\u044b \u0441\u0434\u0435\u043b\u0430\u043b\u0438 Puppeteer, \u043e\u0441\u043e\u0431\u043e \u043d\u0438 \u043f\u043e\u0434 \u0447\u0442\u043e \u043d\u0435 \u0437\u0430\u0442\u0430\u0447\u0438\u0432\u0430\u044f. \u041d\u0430\u0437\u0432\u0430\u043b\u0438 \u00abgeneral purpose browser automation library\u00bb, \u0447\u0442\u043e\u0431\u044b \u043b\u044e\u0434\u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u043b\u0438 \u2014 \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u0445\u043e\u0447\u0435\u0448\u044c, \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439. \u041e\u0447\u0435\u043d\u044c \u0431\u044b\u0441\u0442\u0440\u043e \u0432\u044b\u044f\u0441\u043d\u0438\u043b\u043e\u0441\u044c, \u0447\u0442\u043e \u043c\u043d\u043e\u0433\u0438\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0434\u043b\u044f \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u0430 \u0434\u043b\u044f \u0442\u0435\u0441\u0442\u043e\u0432 \u043a\u0430\u043a \u0440\u0430\u0437 API \u0431\u044b\u043b\u043e \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u044d\u0440\u0433\u043e\u043d\u043e\u043c\u0438\u0447\u043d\u043e. \u041b\u044e\u0434\u0438 \u043c\u043d\u043e\u0433\u043e \u043e\u0448\u0438\u0431\u0430\u043b\u0438\u0441\u044c.<\/p>\n<p>  \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0442\u043e, \u0447\u0442\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0443\u0436\u043d\u044b <a href=\"https:\/\/pptr.dev\/#?product=Puppeteer&amp;version=v2.1.1&amp;show=api-class-browsercontext\">\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0435 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u044b<\/a>, \u043c\u044b \u043f\u043e\u043d\u044f\u043b\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0435\u0440\u0435\u0437 \u043f\u043e\u043b\u0442\u043e\u0440\u0430 \u0433\u043e\u0434\u0430 (\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0435 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u044b \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u0432 <a href=\"https:\/\/pptr.dev\/#?product=Puppeteer&amp;version=v1.5.0&amp;show=api-release-notes\">Puppeteer v1.5.0<\/a>). \u0423 \u043b\u044e\u0434\u0435\u0439 \u0431\u044b\u043b\u043e \u043c\u043d\u043e\u0433\u043e \u0442\u0435\u0441\u0442\u043e\u0432, \u0432\u043d\u0443\u0442\u0440\u0438 \u0442\u0435\u0441\u0442\u043e\u0432 \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0434\u0440\u0443\u0433\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0430, \u043f\u0435\u0440\u0432\u0443\u044e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0442\u044c, \u0430 \u0432\u0442\u043e\u0440\u0430\u044f \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f, \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0438 \u043d\u0430\u043a\u0430\u043f\u043b\u0438\u0432\u0430\u044e\u0442\u0441\u044f, \u043f\u0430\u043c\u044f\u0442\u044c \u0443\u0442\u0435\u043a\u0430\u0435\u0442, \u043a\u0443\u043a\u0438 \u0437\u0430\u0441\u0442\u0440\u0435\u0432\u0430\u044e\u0442. \u0412 \u043e\u0431\u0449\u0435\u043c, \u0431\u0435\u0434\u0430.<\/p>\n<p>  \u0412 Playwright \u043c\u044b \u0443\u0436\u0435 \u043d\u0430\u0443\u0447\u0435\u043d\u044b \u043e\u043f\u044b\u0442\u043e\u043c \u0438 \u0441\u0442\u0440\u0435\u043c\u0438\u043c\u0441\u044f \u0440\u0435\u0448\u0438\u0442\u044c \u043c\u043d\u043e\u0433\u0438\u0435 \u0438\u0437 \u0432\u0430\u0436\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c Puppeteer. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 Playwright <a href=\"https:\/\/github.com\/microsoft\/playwright\/blob\/master\/docs\/api.md#class-browsercontext\">\u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u044b<\/a> \u2014 \u0446\u0435\u043d\u0442\u0440 \u0432\u0441\u0435\u0433\u043e, \u0431\u0435\u0437 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 \u0434\u0430\u0436\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0443 \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c. \u041b\u044e\u0431\u043e\u0439 \u0442\u0435\u0441\u0442 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 \u0438 \u0437\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0435\u0433\u043e \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u0435\u043c. \u0414\u0440\u0443\u0433\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440: \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u044b \u0432 Playwright <a href=\"https:\/\/github.com\/microsoft\/playwright\/blob\/master\/docs\/api.md#browsernewcontextoptions\">\u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442<\/a> \u0437\u0430\u0434\u0430\u0442\u044c \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u044e\u0442\u0441\u044f \u0432\u0441\u0435\u043c\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438, \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0438 \u043f\u043e\u043f\u0430\u043f\u0430\u043c\u0438. \u0412 \u0440\u0430\u043c\u043a\u0430\u0445 Puppeteer \u044d\u0442\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u043d\u0430\u043c\u0438 \u0442\u0430\u043a \u0438 <a href=\"https:\/\/github.com\/puppeteer\/puppeteer\/issues\/3667\">\u043d\u0435 \u0431\u044b\u043b\u0430 \u0440\u0435\u0448\u0435\u043d\u0430<\/a>.<\/p>\n<p>  \u0412 Playwright \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0437\u0430\u0442\u043e\u0447\u0438\u0442\u044c API \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u043b\u044e\u0434\u0438 \u043f\u0438\u0441\u0430\u043b\u0438 \u0442\u0435\u0441\u0442\u044b, \u0438 \u0438\u043c \u0431\u044b\u043b\u043e \u043b\u0435\u0433\u043a\u043e, \u043a\u0440\u0430\u0441\u0438\u0432\u043e \u0438 \u043f\u043e\u043d\u044f\u0442\u043d\u043e. <\/p>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u0422\u044b \u0441\u043a\u0430\u0437\u0430\u043b, \u0447\u0442\u043e \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u043b\u044e\u0434\u044f\u043c \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u043e, \u0438 \u0432\u044b \u0441\u043c\u043e\u0442\u0440\u0435\u043b\u0438, \u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 Puppeteer. \u0412\u044b \u0441\u043c\u043e\u0442\u0440\u0435\u043b\u0438 \u043d\u0430 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438, \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043b\u0438, \u043a\u0430\u043a \u043b\u044e\u0434\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 Puppeteer \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 Playwright? \u0418 \u0435\u0441\u043b\u0438 \u0434\u0430, \u0442\u043e \u043a\u0430\u043a \u044d\u0442\u043e \u043f\u043e\u0432\u043b\u0438\u044f\u043b\u043e \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0435 API?<\/b><\/p>\n<blockquote><p>\u0423 \u043d\u0430\u0441 \u0445\u043e\u0440\u043e\u0448\u0435\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043e \u0442\u043e\u043c, \u0433\u0434\u0435 \u043e\u0448\u0438\u0431\u0430\u044e\u0442\u0441\u044f \u043b\u044e\u0434\u0438 \u0438 \u0433\u0434\u0435 \u0443 \u043d\u0438\u0445 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b.<\/p><\/blockquote>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u0412\u043e \u0432\u0440\u0435\u043c\u044f Puppeteer \u0442\u0430\u043a \u0441\u043b\u043e\u0436\u0438\u043b\u043e\u0441\u044c, \u0447\u0442\u043e \u043b\u044e\u0434\u0438 \u0437\u0430\u0434\u0430\u0432\u0430\u043b\u0438 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043d\u0435 \u043d\u0430 StackOverflow, \u0430 \u043d\u0430 \u043d\u0430\u0448\u0435\u043c \u0431\u0430\u0433\u0442\u0440\u0435\u043a\u0435\u0440\u0435. \u041d\u0430 \u0432\u0441\u0435 \u044d\u0442\u0438 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043c\u044b \u0441\u0442\u0430\u0440\u0430\u043b\u0438\u0441\u044c \u043e\u0442\u0432\u0435\u0447\u0430\u0442\u044c, \u043c\u043d\u043e\u0433\u0438\u0435 \u043c\u0435\u043d\u044f \u0437\u043d\u0430\u044e\u0442 \u0438\u043c\u0435\u043d\u043d\u043e \u043f\u043e \u043e\u0442\u0432\u0435\u0442\u0430\u043c \u0432 \u043d\u0435\u043c. \u0422\u0430\u043a \u0447\u0442\u043e \u0434\u0430, \u0434\u0443\u043c\u0430\u044e, \u0443 \u043d\u0430\u0441 \u0445\u043e\u0440\u043e\u0448\u0435\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043e \u0442\u043e\u043c, \u0433\u0434\u0435 \u043e\u0448\u0438\u0431\u0430\u044e\u0442\u0441\u044f \u043b\u044e\u0434\u0438 \u0438 \u0433\u0434\u0435 \u0443 \u043d\u0438\u0445 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b. <\/p>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u0410 \u0431\u044b\u043b\u0430 \u043b\u0438 \u0442\u0430\u043a\u0430\u044f \u0448\u0442\u0443\u043a\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043b\u044e\u0434\u0438 \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0438\u043b\u0438, \u043d\u043e \u044d\u0442\u043e \u043d\u0435 \u0432\u0445\u043e\u0434\u0438\u043b\u043e \u0432 \u0432\u0430\u0448\u0438 \u043f\u043b\u0430\u043d\u044b? \u0412\u0430\u043c \u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c, \u0447\u0442\u043e \u044d\u0442\u043e \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0438\u043b\u0438 \u044d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0430\u043a-\u0442\u043e \u043f\u043e-\u0434\u0440\u0443\u0433\u043e\u043c\u0443? <\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u0414\u0430, \u0435\u0441\u0442\u044c \u0442\u0430\u043a\u043e\u0435, \u043e \u0447\u0435\u043c \u044f \u0441\u043e\u0436\u0430\u043b\u0435\u044e \u0434\u043e \u0441\u0438\u0445 \u043f\u043e\u0440. \u0412 Puppeteer \u0435\u0441\u0442\u044c \u043c\u0435\u0442\u043e\u0434 <code>page.goto<\/code>. \u041a\u043e\u0433\u0434\u0430 \u043c\u044b \u043d\u0430\u0447\u0438\u043d\u0430\u043b\u0438, \u043c\u044b \u043d\u0430\u0437\u044b\u0432\u0430\u043b\u0438 \u0435\u0433\u043e <code>page.navigate<\/code>, \u044d\u0442\u043e \u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435\u043c. \u0410 \u043f\u043e\u0442\u043e\u043c \u043f\u0440\u0438\u0448\u043b\u0438 \u0440\u0435\u0431\u044f\u0442\u0430 \u0438 \u0441\u043a\u0430\u0437\u0430\u043b\u0438, \u0447\u0442\u043e \u0432\u043e \u0432\u0441\u0451\u043c \u043c\u0438\u0440\u0435 <code>goto<\/code>, \u0441\u0434\u0435\u043b\u0430\u0439\u0442\u0435 \u0442\u043e\u0436\u0435 <code>goto<\/code>, \u043f\u0438\u0441\u0430\u0442\u044c \u0447\u0435\u0442\u044b\u0440\u0435 \u0431\u0443\u043a\u0432\u044b \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u044b\u0441\u0442\u0440\u0435\u0435. <\/p>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u0410 \u043f\u043e\u0447\u0435\u043c\u0443 \u044d\u0442\u043e \u043d\u0435 \u043e\u0447\u0435\u043d\u044c?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u042f \u043a\u0430\u043a \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0439 \u0447\u0435\u043b\u043e\u0432\u0435\u043a: \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f, \u0437\u043d\u0430\u0435\u043c, \u0447\u0442\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0430 \u043d\u0430\u0432\u0438\u0433\u0438\u0440\u0443\u0435\u0442\u0441\u044f, \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u2014 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044e. \u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 goto? Pascal \u043a\u0430\u043a\u043e\u0439-\u0442\u043e. (<a href=\"https:\/\/ru.wikipedia.org\/wiki\/%D0%9F%D0%B0%D1%81%D0%BA%D0%B0%D0%BB%D1%8C_(%D1%8F%D0%B7%D1%8B%D0%BA_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F\">\u0441\u0441\u044b\u043b\u043a\u0430 \u043e\u0442 \u0431\u0443\u043c\u0435\u0440\u0430<\/a>)<\/p>\n<h2><font color=\"#DB8E0D\">\u041a\u0430\u043a \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c\u0441\u044f Playwright<\/font><\/h2>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u0414\u0430, Pascal \u044f \u0432\u0441\u043f\u043e\u043c\u0438\u043d\u0430\u044e =) \u0410 \u043a\u0430\u043a\u0438\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0434\u043b\u044f \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0432\u044b \u0432\u0438\u0434\u0438\u0442\u0435 \u043d\u0430 \u0442\u0435\u043a\u0443\u0449\u0438\u0435 \u043f\u043e\u043b\u0433\u043e\u0434\u0430-\u0433\u043e\u0434? \u041c\u043e\u0436\u0435\u0442, \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0444\u0438\u0447\u0438 \u0435\u0449\u0451 \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u0432\u043f\u0438\u043b\u0438\u0442\u044c \u0438\u043b\u0438 \u0440\u0435\u0448\u0438\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0441\u0435\u0440\u044c\u0435\u0437\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u0423 \u043d\u0430\u0441 \u0441\u0435\u0439\u0447\u0430\u0441 \u0434\u0432\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438.<\/p>\n<p>  \u041f\u0435\u0440\u0432\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u2014 upstream \u043d\u0430\u0448\u0438\u0445 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b, \u0442\u043e \u0435\u0441\u0442\u044c \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0442\u043e\u043a\u043e\u0432\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u0434\u0435\u0431\u0430\u0433\u0433\u0438\u043d\u0433-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u043e\u0432. \u041c\u044b \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u043c \u0440\u0430\u0437\u0433\u043e\u0432\u0430\u0440\u0438\u0432\u0430\u0442\u044c \u0441 Firefox \u043d\u0430 \u0442\u0435\u043c\u0443 Juggler vs Chrome Devtools Protocol, \u0438 \u043c\u044b \u0430\u043a\u0442\u0438\u0432\u043d\u043e \u043a\u043e\u043c\u043c\u0438\u0442\u0438\u043c \u043a\u043e\u0434 \u0432 WebKit.<\/p>\n<p>  \u0412\u0442\u043e\u0440\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u2014 \u0432\u044b\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0432\u0435\u0440\u0441\u0438\u044e 1.0 \u043a \u043b\u0435\u0442\u0443. \u042d\u0442\u043e API \u0431\u0443\u0434\u0435\u0442 \u0441 \u043d\u0430\u043c\u0438 \u043d\u0430 \u0434\u043e\u043b\u0433\u0438\u0435 \u0433\u043e\u0434\u044b \u0432\u043f\u0435\u0440\u0435\u0434, \u0442\u0430\u043a \u0447\u0442\u043e \u043c\u044b \u043d\u0435 \u0441\u043f\u0435\u0448\u0438\u043c.<\/p>\n<h2><font color=\"#DB8E0D\">\u041e \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u0445 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u0434\u0432\u0438\u0436\u043a\u0430\u0445<\/font><\/h2>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u042f \u043d\u0430\u0448\u0435\u043b <a href=\"https:\/\/aslushnikov.github.io\/isplaywrightready\/\">\u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 GitHub<\/a> \u0443 \u0432\u0430\u0441 \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438, \u0438 \u0442\u0430\u043c \u0442\u043e\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u043a\u0441\u0442\u043e\u0432 \u043d\u0430 \u043a\u0430\u043a\u0438\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u043f\u0430\u0434\u0430\u0435\u0442. \u041e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u0430\u044f \u0432\u0435\u0449\u044c. \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043b\u0438 \u044f \u043f\u043e\u043d\u0438\u043c\u0430\u044e, \u0447\u0442\u043e \u0442\u0430\u043c \u0435\u0441\u0442\u044c \u043e\u0447\u0435\u043d\u044c \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0442\u0435\u0441\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0444\u0438\u043a\u0441\u0438\u0442\u044c?<\/p>\n<p>  \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u044f \u0443\u0432\u0438\u0434\u0435\u043b \u043e\u0434\u0438\u043d \u0442\u0435\u0441\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043c\u0435\u0447\u0435\u043d \u00abskipped\u00bb \u0434\u043b\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0430 c WebKit \u0438 \u043d\u0435 \u043d\u0430 MacOS, \u0438 \u043e\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043a\u0430\u043a\u0438\u043c-\u0442\u043e \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u044b\u043c \u0442\u0435\u043a\u0441\u0442\u043e\u043c. \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043b\u0438 \u044f \u043f\u043e\u043d\u0438\u043c\u0430\u044e, \u0447\u0442\u043e \u0435\u0441\u0442\u044c \u043a\u0430\u043a\u043e\u0435-\u0442\u043e \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043c\u0435\u0436\u0434\u0443 \u0437\u0430\u043f\u0443\u0441\u043a\u043e\u043c \u0442\u0435\u0441\u0442\u0430 \u0441 Ma\u0441OS, Linux, Unix, \u0438\u043c\u0435\u043d\u043d\u043e \u044d\u0442\u043e \u0438\u043c\u0435\u0435\u0442\u0441\u044f \u0432 \u0432\u0438\u0434\u0443 \u0432 \u0442\u0435\u0441\u0442\u0435?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u0414\u0430, \u0442\u0430\u043a\u0438\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u044f \u0435\u0441\u0442\u044c. \u0412 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0435\u0441\u0442\u044c \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043c\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u043e-\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430, \u0442\u0430\u043a \u0447\u0442\u043e \u0438\u043d\u043e\u0433\u0434\u0430 \u043c\u044b \u043d\u0430\u0445\u043e\u0434\u0438\u043c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0432 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u043d\u0430 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435. \u041d\u0430 \u043a\u0430\u0436\u0434\u0443\u044e \u0442\u0430\u043a\u0443\u044e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c regression-test \u0432 Playwright \u2014 \u043f\u043e\u0445\u043e\u0436\u0435, \u0440\u0435\u0447\u044c \u043a\u0430\u043a \u0440\u0430\u0437 \u043e\u0431 \u043e\u0434\u043d\u043e\u043c \u0438\u0437 \u0442\u0430\u043a\u0438\u0445 \u0442\u0435\u0441\u0442\u043e\u0432.<\/p>\n<p>  \u041c\u044b \u2014 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0434\u043b\u044f \u043d\u0430\u0441 \u043e\u0447\u0435\u043d\u044c \u0432\u0430\u0436\u043d\u0430, \u0438 \u043c\u044b \u0433\u043e\u043d\u044f\u0435\u043c \u043d\u0430\u0448\u0438 \u0442\u0435\u0441\u0442\u044b \u043d\u0430 \u0432\u0441\u0435\u0445 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u0445. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, WebKit \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0441\u0432\u043e\u044e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e network-\u0441\u0442\u0435\u043a\u0430. Headless-\u0440\u0435\u0436\u0438\u043c\u044b \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u0442\u043e\u0436\u0435 \u043e\u0447\u0435\u043d\u044c \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0442\u0441\u044f \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u0445 \u2014 \u0438 \u0432\u0441\u0435 \u044d\u0442\u043e \u043d\u0430\u0448\u0430 \u0437\u043e\u043d\u0430 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438.<\/p>\n<p>  \u0410 \u0432\u043e\u0442 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043d\u0435 \u0442\u0430\u043a \u0432\u0430\u0436\u043d\u0430. \u0414\u0430, \u0435\u0441\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u043e\u0442\u043b\u0438\u0447\u0438\u044f \u0432 \u0438\u043d\u043f\u0443\u0442\u0435 \u2014 \u0432\u043e\u043d \u043d\u0430 \u043c\u0430\u043a\u0435 \u043a\u043d\u043e\u043f\u043a\u0430 Command, \u0430 \u043d\u0430 \u043b\u0438\u043d\u0443\u043a\u0441\u0435 \u0432\u043c\u0435\u0441\u0442\u043e \u043d\u0435\u0435 \u2014 Ctrl. \u0420\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 \u0435\u0449\u0435 \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u043a \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435. \u041d\u043e \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0433\u043e\u043d\u044f\u0442\u044c \u0441\u0432\u043e\u0438 \u0432\u0435\u0431-\u0442\u0435\u0441\u0442\u044b \u043d\u0430 \u043b\u0438\u043d\u0443\u043a\u0441\u0435 \u0438 \u0441\u043f\u0430\u0442\u044c \u0432\u043f\u043e\u043b\u043d\u0435 \u0441\u043f\u043e\u043a\u043e\u0439\u043d\u043e.<\/p>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 Playwright \u0441 \u044d\u043c\u0443\u043b\u044f\u0446\u0438\u0435\u0439 \u0434\u0435\u0432\u0430\u0439\u0441\u043e\u0432?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u044d\u043c\u0443\u043b\u044f\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0440\u043e\u0448\u043e. \u041c\u044b \u043d\u0430\u0447\u0438\u043d\u0430\u043b\u0438 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u0435\u0439 \u0435\u0449\u0435 \u0432\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0430 Chrome Developer Tools, \u043a\u043e\u0433\u0434\u0430 \u0434\u0435\u043b\u0430\u043b\u0438 \u00abdevice mode\u00bb. \u0422\u0430\u043c \u043c\u044b \u043c\u043d\u043e\u0433\u043e \u0447\u0435\u0433\u043e \u0443\u0437\u043d\u0430\u043b\u0438, \u0438 \u0441 \u044d\u0442\u0438\u043c \u043e\u043f\u044b\u0442\u043e\u043c \u0443\u0436\u0435 \u0434\u0435\u043b\u0430\u043b\u0438 \u044d\u043c\u0443\u043b\u044f\u0446\u0438\u044e \u0432 \u0434\u0440\u0443\u0433\u0438\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0434\u043b\u044f Playwright.<\/p>\n<p>  Playwright \u044d\u043c\u0443\u043b\u0438\u0440\u0443\u0435\u0442 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0432\u0435\u0431-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Mozilla\/Mobile\/Viewport_meta_tag\">meta viewport tag<\/a>, \u0440\u0430\u0437\u043c\u0435\u0440 viewport, touch events, useragent. \u0421\u0430\u0439\u0442, \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0439 \u0441\u043e \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u043e\u0439 \u044d\u043c\u0443\u043b\u044f\u0446\u0438\u0435\u0439, \u0441\u043a\u0430\u0436\u0435\u043c, \u0430\u0439\u0444\u043e\u043d\u0430, \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0442\u0430\u043a \u0436\u0435, \u043a\u0430\u043a \u043d\u0430 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u043c \u0430\u0439\u0444\u043e\u043d\u0435. \u0410 \u0435\u0441\u043b\u0438 \u0432\u0434\u0440\u0443\u0433 \u044d\u0442\u043e \u0433\u0434\u0435-\u0442\u043e \u043d\u0435 \u0442\u0430\u043a, \u0442\u043e \u044d\u0442\u043e \u0431\u0430\u0433, \u0437\u0430\u0444\u0430\u0439\u043b\u0438\u0442\u0435 \u0435\u0433\u043e \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043c\u044b \u043f\u043e\u0447\u0438\u043d\u0438\u043c.<\/p>\n<h2><font color=\"#DB8E0D\">\u041a\u0430\u043a \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c c Continuous Integration<\/font><\/h2>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u041c\u044b \u0443\u0436\u0435 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0438\u043b\u0438, \u0447\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u0432\u0441\u0451 \u043f\u043e\u0434\u0440\u044f\u0434 \u0441 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c\u0438 \u043d\u044e\u0430\u043d\u0441\u0430\u043c\u0438. \u042f \u0437\u043d\u0430\u044e, \u0447\u0442\u043e \u0434\u043b\u044f Selenium \u0435\u0441\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 Selenoid. \u041a\u0430\u043a \u0431\u044b\u0442\u044c \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0441 Playwright, \u0435\u0441\u043b\u0438 \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e 100500 \u0442\u0435\u0441\u0442\u043e\u0432?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u0422\u0443\u0442 \u0441\u043c\u043e\u0442\u0440\u044f \u0447\u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u0438 \u043a\u0430\u043a \u0438\u043c\u0435\u043d\u043d\u043e \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u0438\u0442\u044c. \u0415\u0441\u043b\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0443 \u043c\u0435\u043d\u044f 1000 \u0442\u0435\u0441\u0442\u043e\u0432, \u0438 \u044f \u0445\u043e\u0447\u0443 \u043f\u0440\u043e\u0433\u043d\u0430\u0442\u044c \u0438\u0445 \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u2014 \u0442\u043e \u0432 Playwright \u0435\u0441\u0442\u044c <a href=\"https:\/\/github.com\/microsoft\/playwright\/blob\/master\/docs\/api.md#class-browsercontext\">\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0435 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u044b<\/a>. \u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0439 \u0441\u0435\u0431\u0435 \u043a\u0430\u0436\u0434\u044b\u0439 \u0442\u0435\u0441\u0442 \u0432 \u0441\u0432\u043e\u0435\u043c \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435, \u0430 \u043f\u043e\u0441\u043b\u0435 \u0442\u0435\u0441\u0442\u0430 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0439 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 \u2014 \u0438 \u0432\u0441\u0451. \u0422\u0430\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 <a href=\"https:\/\/github.com\/mmarkelov\/jest-playwright\">jest-playwright<\/a>.<\/p>\n<p>  \u0415\u0441\u043b\u0438 \u043c\u044b, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0445\u043e\u0442\u0438\u043c \u043f\u0440\u043e\u0433\u043d\u0430\u0442\u044c \u043d\u0430\u0448\u0438 \u0442\u0435\u0441\u0442\u044b \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e \u0432 \u0434\u0432\u0443\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u041e\u0421, \u0442\u043e \u043d\u0430\u043c \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043c\u0435\u0448\u0430\u0435\u0442 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u0438 \u0434\u0432\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e \u0438 \u0433\u043e\u043d\u044f\u0442\u044c \u0432 \u043d\u0438\u0445 \u0442\u0435\u0441\u0442\u044b. <\/p>\n<p>  \u0410 \u0432\u043e\u0442 \u0435\u0441\u043b\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u043f\u0440\u043e\u0433\u043d\u0430\u0442\u044c \u043d\u0430\u0448\u0438 \u0442\u0435\u0441\u0442\u044b \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u041e\u0421, \u0442\u043e \u0442\u0443\u0442 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 CI\/CD, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043e\u0434\u043d\u0443 \u0438 \u0442\u0443 \u0436\u0435 \u0442\u0430\u0441\u043a\u0443 \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u041e\u0421. \u0422\u0443\u0442, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u0432\u0430\u0436\u043d\u043e, \u0447\u0442\u043e Playwright \u0431\u0435\u0437 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 \u044d\u0442\u0438\u0445 \u0441\u0430\u043c\u044b\u0445 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 CI\/CD.<\/p>\n<p>  \u0415\u0441\u043b\u0438 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e \u043f\u0440\u043e Selenoid, \u0442\u043e \u044d\u0442\u043e\u0442 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439, \u043a\u043e\u0433\u0434\u0430 \u0442\u0435\u0441\u0442 \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0443 \u043c\u0435\u043d\u044f \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e, \u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u0436\u0438\u0432\u0443\u0442 \u0433\u0434\u0435-\u0442\u043e \u0432\u0434\u0430\u043b\u0435\u043a\u0435 \u0432 \u0432\u0438\u0434\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u2014 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u0435\u043d \u0438 \u0441 Playwright. \u041e\u0434\u043d\u0430\u043a\u043e \u0441\u0430\u043c \u044e\u0437\u043a\u0435\u0439\u0441 \u0432\u043e \u043c\u043d\u043e\u0433\u043e\u043c, \u043d\u0430 \u043c\u043e\u0439 \u0432\u0437\u0433\u043b\u044f\u0434, \u0443\u0445\u043e\u0434\u0438\u0442 \u0432 \u043f\u0440\u043e\u0448\u043b\u043e\u0435.<\/p>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u042f \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u044e, \u0447\u0442\u043e \u0434\u043b\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0432 \u0434\u043e\u043a\u0435\u0440\u0435 \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c image docker, \u0441 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f Node.JS \u0438 Playwright \u2014 \u0438 \u0432\u0441\u0451 \u0433\u043e\u0442\u043e\u0432\u043e?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u0414\u0430, \u0432\u0441\u0451 \u0442\u0430\u043a.<\/p>\n<p>  <b>\u0412\u043b\u0430\u0434\u0438\u043c\u0438\u0440: \u0410 \u0435\u0441\u043b\u0438 \u044d\u0442\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437 \u2014 \u044d\u0442\u043e \u043d\u0435 \u0434\u043e\u043b\u0433\u043e \u0431\u0443\u0434\u0435\u0442? \u0418 \u043a\u0430\u043a \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u041c\u044b \u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f, \u0447\u0442\u043e\u0431\u044b \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043c\u0438\u0440\u0443 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u043b\u0438\u0441\u044c \u0431\u044b\u0441\u0442\u0440\u043e \u2014 \u0443 \u043d\u0430\u0441 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 CDN. \u041d\u0430 \u043c\u043e\u0435\u043c \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0435 \u0432 \u043e\u0444\u0438\u0441\u0435 \u0432\u0441\u0435 \u0442\u0440\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0441\u0435\u043a\u0443\u043d\u0434 \u0437\u0430 30. \u041d\u0430 CI \u0442\u043e\u0436\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0431\u044b\u0441\u0442\u0440\u043e, \u043a \u0442\u043e\u043c\u0443 \u0436\u0435 \u043c\u043d\u043e\u0433\u043e \u0433\u0434\u0435 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043a\u044d\u0448\u0438\u0440\u043e\u0432\u0430\u0442\u044c node_modules.<\/p>\n<p>  \u0427\u0442\u043e \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438, \u0442\u043e \u0443 \u043d\u0430\u0441 \u043e\u043d\u0430 \u043d\u0435 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443, \u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0430\u044f, \u043f\u0440\u043e\u0441\u0442\u043e \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a \u0441 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c \u0440\u0430\u0441\u043f\u0430\u043a\u043e\u0432\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e. \u042d\u0442\u043e \u043c\u043d\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0435 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u0438 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u043d\u0438\u043a\u0430\u043a \u043d\u0435 \u00ab\u0437\u0430\u0433\u0440\u044f\u0437\u043d\u044f\u0435\u0442\u00bb.<\/p>\n<h2><font color=\"#DB8E0D\">\u041e \u0434\u043e\u0432\u0435\u0440\u0438\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u043a \u043f\u0440\u043e\u043f\u0430\u0442\u0447\u0435\u043d\u043d\u044b\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c \u0432 \u0442\u0435\u0441\u0442\u0430\u0445<\/font><\/h2>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u0423 \u043b\u044e\u0434\u0435\u0439 \u0431\u044b\u0432\u0430\u0435\u0442 \u043d\u0435\u0434\u043e\u0432\u0435\u0440\u0438\u0435, \u0447\u0442\u043e \u0442\u0430\u043c \u0437\u0430 \u0448\u0442\u0443\u043a\u0430 \u0438 \u0447\u0442\u043e \u043a\u0430\u0447\u0430\u0435\u0442. \u0420\u0430\u043d\u044c\u0448\u0435, \u043a\u0430\u043a \u044f \u043f\u043e\u043c\u043d\u044e, \u0432 Puppeteer \u0431\u044b\u043b\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0432\u0435\u0440\u0441\u0438\u044e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430. \u0410 \u0442\u0443\u0442, \u043a\u0430\u043a \u044f \u043f\u043e\u043d\u0438\u043c\u0430\u044e, \u0432\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u0433\u0434\u0435 \u0441\u0430\u043c\u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0435 \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c (Chromium, WebKit \u0438\u043b\u0438 Firefox) \u0434\u0440\u0430\u0439\u0432\u0435\u0440 \u0438\u043b\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440, \u0441\u0430\u043c\u0438 \u0435\u0433\u043e \u043a\u043b\u0430\u0434\u0451\u0442\u0435 \u0438 \u0432\u0441\u0451 \u0432\u0440\u0435\u043c\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044e\u044e \u0432\u0435\u0440\u0441\u0438\u044e?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u041c\u043d\u0435 \u043a\u0430\u0436\u0435\u0442\u0441\u044f, \u0442\u044b \u0438\u043c\u0435\u0435\u0448\u044c \u0432 \u0432\u0438\u0434\u0443 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e \u0441\u0440\u0435\u0434\u044b <a href=\"https:\/\/pptr.dev\/#?product=Puppeteer&amp;version=v2.1.1&amp;show=api-environment-variables\">PUPPETEER_CHROMIUM_REVISION<\/a>. \u0412 Playwright \u043c\u044b \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043a\u0430 \u043d\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u043b\u0438, \u043d\u0430\u043c \u043a\u0430\u0436\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u0432 \u043d\u0435\u0439 \u043d\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438.<\/p>\n<p>  \u0412 \u043c\u0438\u0440\u0435 Playwright \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0432\u0441\u0435\u0433\u0434\u0430 \u043c\u043e\u0433\u0443\u0442 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0432\u0435\u0440\u0441\u0438\u044e Playwright, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043e\u043d\u0438 \u0445\u043e\u0442\u044f\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, \u0438 \u043e\u043d\u0430 \u0441 \u0441\u043e\u0431\u043e\u0439 \u043f\u0440\u0438\u0442\u044f\u043d\u0435\u0442 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b. \u0415\u0441\u043b\u0438 \u0445\u043e\u0442\u0438\u0442\u0435 \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u2014 \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0435 \u0432\u0435\u0440\u0441\u0438\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438. \u0422\u0430\u043a\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043d\u0430\u043c \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u043e\u043a\u0440\u0430\u0442\u0438\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u0431\u0430\u0433\u043e\u0432 \u0438 \u043d\u0435\u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0439, \u0430 \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u2014 \u043c\u0435\u043d\u044c\u0448\u0435 \u043c\u043e\u0440\u043e\u043a\u0438 \u0441 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b.<\/p>\n<p>  <b>\u0412\u043b\u0430\u0434\u0438\u043c\u0438\u0440: \u0423 \u0432\u0430\u0441 \u043d\u0435 \u0431\u044b\u0432\u0430\u043b\u043e \u0442\u0430\u043a\u043e\u0433\u043e, \u0447\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u044f\u0442: \u00ab\u0423 \u0432\u0430\u0441 \u0442\u0443\u0442 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u0441\u0432\u043e\u0438 \u043f\u0440\u043e\u043f\u0430\u0442\u0447\u0435\u043d\u043d\u044b\u0435, \u0430 \u043c\u044b \u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u043e\u0431\u044b\u0447\u043d\u044b\u043c\u0438, \u043a\u0430\u043a \u043d\u0430\u043c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0443\u0437\u043d\u0430\u0442\u044c, \u0447\u0442\u043e \u0443 \u0432\u0430\u0441 \u0442\u0430\u043c \u043f\u0440\u043e\u043f\u0430\u0442\u0447\u0435\u043d\u043e?\u00bb<br \/>  <\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u041e\u0439, \u0434\u0430, <a href=\"https:\/\/github.com\/microsoft\/playwright#q-what-browser-versions-does-playwright-use\">\u0431\u044b\u0432\u0430\u043b\u043e<\/a> \ud83d\ude42 \u0412\u0441\u0435 \u043d\u0430\u0448\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u043b\u0435\u0436\u0430\u0442 \u0432 \u043d\u0430\u0448\u0435\u043c \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438, \u0432 \u043f\u0430\u043f\u043a\u0435 <a href=\"https:\/\/github.com\/microsoft\/playwright\/tree\/master\/browser_patches\">browser_patches<\/a>. \u0412\u0441\u0451 \u043e\u043f\u0435\u043d\u0441\u043e\u0440\u0441\u043d\u043e\u0435, \u0438 \u043b\u044e\u0431\u043e\u0439 \u0436\u0435\u043b\u0430\u044e\u0449\u0438\u0439 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c.<\/p>\n<blockquote><p>\u041c\u044b \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u043c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0435\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u2014 \u0438 \u043d\u0438 \u0432 \u043a\u043e\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0435 \u0442\u0440\u043e\u0433\u0430\u0435\u043c \u0441\u0430\u043c Rendering Engine.<\/p><\/blockquote>\n<p>  \u0422\u0443\u0442 \u0432\u0430\u0436\u043d\u043e, \u0447\u0442\u043e \u043c\u044b \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u043c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0435\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u2014 \u0438 \u043d\u0438 \u0432 \u043a\u043e\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0435 \u0442\u0440\u043e\u0433\u0430\u0435\u043c \u0441\u0430\u043c Rendering Engine. \u0422\u0430\u043a \u0447\u0442\u043e \u043d\u0430\u0448\u0438 \u0441\u0431\u043e\u0440\u043a\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0442 web \u0442\u043e\u0447\u043d\u043e \u0442\u0430\u043a\u0436\u0435, \u043a\u0430\u043a \u0441\u0442\u043e\u043a\u043e\u0432\u044b\u0435. \u0418 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043c\u044b \u0430\u043a\u0442\u0438\u0432\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u043c\u0438 \u0432\u0435\u043d\u0434\u043e\u0440\u0430\u043c\u0438, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0435 \u043d\u0430\u0448\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c \u0438\u0442\u043e\u0433\u0435 \u043e\u043a\u0430\u0437\u0430\u043b\u0438\u0441\u044c \u0432 \u0441\u0442\u043e\u043a\u043e\u0432\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445.<\/p>\n<h2><font color=\"#DB8E0D\">\u041e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0445 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f\u0445 \u0438 \u0435\u0434\u0438\u043d\u043e\u043c \u043a\u0440\u043e\u0441\u0441\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u043c \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0435<\/font><\/h2>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u0412\u044b \u0434\u0443\u043c\u0430\u043b\u0438 \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u043e \u043a\u0430\u043a\u043e\u0435-\u0442\u043e \u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 Selenium-\u0442\u0435\u0441\u0442\u043e\u0432 \u043d\u0430 Playwright?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u0415\u0441\u043b\u0438 \u043c\u044b \u0433\u043e\u0432\u043e\u0440\u0438\u043c \u043f\u0440\u043e Selenium-\u0442\u0435\u0441\u0442\u044b, \u0442\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u044c, \u043d\u0430 \u043a\u0430\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435. \u041d\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u043c\u044b \u0434\u0443\u043c\u0430\u043b\u0438, \u0434\u0430. \u0412\u0435\u0441\u044c Puppeteer \u0431\u044b\u043b \u043d\u0430 JavaScript, \u0438 \u043e\u0447\u0435\u043d\u044c \u0431\u044b\u0441\u0442\u0440\u043e \u043f\u0440\u0438\u0448\u043b\u043e \u043a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438 \u0438 \u0441\u0434\u0435\u043b\u0430\u043b\u043e Puppeteer \u0434\u043b\u044f Python, \u0434\u043b\u044f C#, Ruby, Rust \u0438 \u0432\u0441\u0435\u0433\u043e \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e.<\/p>\n<p>  \u041f\u043e\u0445\u043e\u0436\u0430\u044f \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0438 \u0441 Playwright. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0430\u0432\u0442\u043e\u0440 Puppeteer C# \u0441\u0435\u0439\u0447\u0430\u0441 \u0437\u0430\u043d\u044f\u043b\u0441\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 Playwright C#, \u0447\u0435\u043c\u0443 \u043c\u044b \u043e\u0447\u0435\u043d\u044c \u0440\u0430\u0434\u044b. \u0422\u0430\u043a \u0447\u0442\u043e \u0434\u043b\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0440\u0430\u0437\u043d\u044b\u0445 \u044f\u0437\u044b\u043a\u043e\u0432 \u043c\u044b \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u043f\u043e\u043b\u0430\u0433\u0430\u0435\u043c\u0441\u044f \u043d\u0430 \u043a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438.<\/p>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u0410 \u0432\u044b \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u0443\u0435\u0442\u0435\u0441\u044c \u0441 \u043a\u0430\u043a\u0438\u043c\u0438-\u0442\u043e \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0442\u0443\u043b\u0430\u043c\u0438? \u042f \u0438\u0437 \u0432\u0430\u0448\u0435\u0433\u043e slack-\u043a\u0430\u043d\u0430\u043b\u0430 \u0443\u0437\u043d\u0430\u043b \u043e \u0437\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0435 <a href=\"https:\/\/www.qawolf.com\/\">QAWolf<\/a>, \u043b\u0438\u0447\u043d\u043e \u0435\u0433\u043e \u043d\u0438 \u0440\u0430\u0437\u0443 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b \u0438 \u043e \u043d\u0435\u043c \u043d\u0435 \u0441\u043b\u044b\u0448\u0430\u043b. \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u0441\u044f \u043c\u043d\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u043c. \u041d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044f \u043f\u043e\u043d\u044f\u043b, \u0432\u043d\u0443\u0442\u0440\u0438 \u0443 \u0432\u0430\u0441 \u043a\u0442\u043e-\u0442\u043e \u0435\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0438 \u043f\u044b\u0442\u0430\u0435\u0442\u0441\u044f \u0437\u0430\u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f. \u0415\u0441\u0442\u044c \u043b\u0438 \u0435\u0449\u0451 \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0432 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: QAWolf \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u043f\u0440\u0438\u043c\u0435\u0440. \u0418\u0437 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u0436\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 Playwright, \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0437\u0432\u0430\u0442\u044c <a href=\"https:\/\/github.com\/microsoft\/TypeScript\">Typescript<\/a> \u0438 <a href=\"https:\/\/github.com\/microsoft\/vscode\">VSCode<\/a>. \u0422\u0435\u0441\u0442\u043e\u0432\u044b\u0439 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a <a href=\"https:\/\/codecept.io\/playwright\/\">CodeceptJS<\/a> \u0442\u043e\u0436\u0435 \u043d\u0435\u0434\u0430\u0432\u043d\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u043b Playwright \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043e\u0434\u043d\u043e\u0433\u043e \u0438\u0437 \u0434\u0440\u0430\u0439\u0432\u0435\u0440\u043e\u0432.<\/p>\n<p>  \u0410 \u0432\u043e\u043e\u0431\u0449\u0435 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f <a href=\"https:\/\/github.com\/microsoft\/playwright\/blob\/master\/docs\/showcase.md\">\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0430-\u0432\u0438\u0442\u0440\u0438\u043d\u0430<\/a> \u0441 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438 \u0432\u043e\u043a\u0440\u0443\u0433 Playwright. \u0415\u0441\u043b\u0438 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 Playwright \u0438 \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u044d\u0442\u0438\u043c \u0441 \u043c\u0438\u0440\u043e\u043c \u2014 \u043f\u0440\u0438\u0441\u044b\u043b\u0430\u0439\u0442\u0435 \u043d\u0430\u043c PR \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0439\u0442\u0435\u0441\u044c \u043d\u0430 \u044d\u0442\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0443.<\/p>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u042f \u0437\u043d\u0430\u044e, \u0447\u0442\u043e \u0443 Selenium \u0435\u0441\u0442\u044c IDE. \u0414\u0443\u043c\u0430\u0435\u0442\u0435 \u043b\u0438 \u0432\u044b \u043e \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u0437\u0430\u043f\u0438\u043b\u0438\u0442\u044c \u043a\u0430\u043a\u043e\u0439-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u043b\u0430\u0433\u0438\u043d \u043a VS Code \u0438\u043b\u0438 \u043a \u0434\u0440\u0443\u0433\u043e\u0439 IDE, \u0447\u0442\u043e\u0431\u044b \u0442\u0435, \u043a\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 IDE, \u043c\u043e\u0433\u043b\u0438 \u0431\u044b \u043b\u0435\u0433\u043a\u043e \u043d\u0430\u0447\u0430\u0442\u044c \u043f\u0438\u0441\u0430\u0442\u044c \u0442\u0435\u0441\u0442\u044b \u043d\u0430 Playwright? \u0414\u0443\u043c\u0430\u0435\u0442\u0435 \u043b\u0438 \u0432\u044b \u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0435 \u0441 \u043f\u043b\u0430\u0433\u0438\u043d\u0430\u043c\u0438, \u0447\u0442\u043e\u0431\u044b \u043b\u044e\u0434\u0438 \u043b\u0435\u0433\u0447\u0435 \u0437\u0430\u0445\u043e\u0434\u0438\u043b\u0438 \u0432 \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u0427\u0442\u043e \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f Selenium IDE \u2014 \u043d\u0430\u043c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430 \u044d\u0442\u0430 \u0442\u0435\u043c\u0430, \u0438 \u0443 \u043d\u0430\u0441 \u0434\u0430\u0436\u0435 \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043a\u043b\u0430\u0441\u0441\u043d\u044b\u0445 \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u043e\u0432 \u0432 \u044d\u0442\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438, \u043d\u043e \u043f\u043e\u043a\u0430 \u043c\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u0449\u0443\u043f\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u0447\u0432\u0443. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u043c\u044b \u0441\u0435\u0439\u0447\u0430\u0441 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0441\u043a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u043d\u0430 Playwright, \u0438 \u0432\u0441\u0435 \u0441\u0438\u043b\u044b \u043e\u0442\u0434\u0430\u0435\u043c \u0432 \u043d\u0435\u0433\u043e.<\/p>\n<p>  \u0427\u0442\u043e \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u043a VSCode \u2014 \u043d\u0435\u0442, \u043c\u044b \u0441\u0430\u043c\u0438 \u044d\u0442\u0438\u043c \u043d\u0435 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u043c\u0441\u044f, \u043d\u043e \u043d\u0430\u0434\u0435\u0435\u043c\u0441\u044f \u043d\u0430 \u043a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438. \u0422\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435 \u0438 \u043f\u0440\u043e \u0434\u0440\u0443\u0433\u0438\u0435 IDE. <\/p>\n<p>  \u0410 \u0432\u043e\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0434\u043b\u044f Playwright \u043f\u0438\u0441\u0430\u0442\u044c \u043c\u043e\u0436\u043d\u043e. \u0418 \u0441\u0430\u043c\u043e\u0435 \u0432\u0430\u0436\u043d\u043e\u0435, \u044d\u0442\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u00ab\u0434\u0432\u0438\u0436\u043a\u0438 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432\u00bb \u2014 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b \u0432\u044b\u0431\u043e\u0440\u0430 \u043a\u0430\u043a\u043e\u0433\u043e-\u043b\u0438\u0431\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435. \u0422\u0430\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, CSS \u0438 XPATH \u2014 \u044d\u0442\u043e \u0434\u0432\u0438\u0436\u043a\u0438 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432.<\/p>\n<p>  \u041a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438 \u0443\u0436\u0435 \u0441\u0434\u0435\u043b\u0430\u043b\u043e <a href=\"https:\/\/github.com\/Georgegriff\/query-selector-shadow-dom\">\u0434\u0432\u0438\u0436\u043e\u043a \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 Shadow DOM<\/a>. \u041e\u0447\u0435\u043d\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0434\u0432\u0438\u0436\u043a\u0438, \u0437\u0430\u0442\u043e\u0447\u0435\u043d\u043d\u044b\u0435 \u043f\u043e\u0434 UI-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u2014 \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0434\u0432\u0438\u0436\u043e\u043a \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u0434\u043b\u044f React, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u043f\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u044e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u0430 \u043d\u0435 \u043d\u0430 DOM. \u0416\u0434\u0435\u043c!<\/p>\n<p>  <b>\u0412\u043b\u0430\u0434\u0438\u043c\u0438\u0440: \u0417\u0430\u043c\u0435\u0447\u0443, \u0447\u0442\u043e \u043f\u0443\u043b-\u0440\u0435\u043a\u0432\u0435\u0441\u0442\u043e\u0432 \u0437\u0430\u043a\u0440\u044b\u0442\u043e \u043f\u043e\u0447\u0442\u0438 800, \u0430 issues \u0432\u0441\u0435\u0433\u043e 100-200. \u041f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a? \u0423 \u0432\u0430\u0441 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u0432\u0441\u0451 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u0438 \u043d\u0430\u0440\u043e\u0434 \u0442\u043e\u043b\u044c\u043a\u043e \u0444\u0438\u0447\u0438 \u043f\u0438\u043b\u0438\u0442?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: Playwright \u0432\u0441\u0435\u0433\u043e \u043c\u0435\u0441\u044f\u0446 \u043a\u0430\u043a \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438 issues \u0441\u043e\u0437\u0434\u0430\u043d\u043e \u043d\u0435\u043c\u043d\u043e\u0433\u043e. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0430 \u0432\u044b\u0441\u043e\u0442\u0435 \u2014 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043e\u0447\u0435\u043d\u044c \u0441\u0438\u043b\u044c\u043d\u043e\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u0438 \u043e\u043f\u044b\u0442\u0443, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u043e\u043c\u0443 \u0437\u0430 \u0432\u0440\u0435\u043c\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430\u0434 Puppeteer.<\/p>\n<p>  \u0427\u0442\u043e \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f \u043f\u0443\u043b-\u0440\u0435\u043a\u0432\u0435\u0441\u0442\u043e\u0432, \u0442\u043e \u043f\u0440\u043e\u0435\u043a\u0442 \u0432 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0444\u0430\u0437\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438. \u041d\u0430\u0434 Playwright \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 6 \u0447\u0435\u043b\u043e\u0432\u0435\u043a, \u0442\u0430\u043a \u0447\u0442\u043e \u043a\u043e\u043c\u043c\u0438\u0442\u043e\u0432 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043c\u043d\u043e\u0433\u043e.<\/p>\n<p>  <b>\u0412\u043b\u0430\u0434\u0438\u043c\u0438\u0440: \u041e\u0431\u044b\u0447\u043d\u043e \u0441\u043c\u043e\u0442\u0440\u0438\u0448\u044c \u043d\u0430 \u043f\u0443\u043b-\u0440\u0435\u043a\u0432\u0435\u0441\u0442\u044b \u0432 \u043e\u043f\u0435\u043d\u0441\u043e\u0440\u0441-\u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445, \u0442\u0430\u043c 100500 issues \u0438 1 \u043f\u0443\u043b-\u0440\u0435\u043a\u0432\u0435\u0441\u0442 \u043d\u0430 \u043f\u0440\u043e\u0442\u044f\u0436\u0435\u043d\u0438\u0438 10 \u043b\u0435\u0442. \u0410 \u0442\u0443\u0442 \u0441\u043c\u043e\u0442\u0440\u0438\u0448\u044c, \u0441\u0435\u0440\u044c\u0435\u0437\u043d\u044b\u0435 \u0440\u0435\u0431\u044f\u0442\u0430.<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u0414\u0430, \u043c\u044b \u0441\u0435\u0440\u044c\u0435\u0437\u043d\u043e \u043e\u0442\u043d\u043e\u0441\u0438\u043c\u0441\u044f \u043a \u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u043c.<\/p>\n<h2><font color=\"#DB8E0D\">\u041a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438<\/font><\/h2>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u0425\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043a\u0430\u043a\u043e\u0439-\u043d\u0438\u0431\u0443\u0434\u044c \u0441\u043e\u0432\u0435\u0442 \u0434\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0437\u0430\u0445\u043e\u0447\u0435\u0442 \u043f\u0438\u0441\u0430\u0442\u044c \u043d\u0430 Playwright. \u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u043e\u043c\u0438\u043c\u043e \u043a\u0430\u043a\u0438\u0445-\u0442\u043e tutorial-\u0448\u0430\u0433\u043e\u0432 \u043d\u0430 GitHub? \u041c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c, \u0435\u0441\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u044c\u0441\u044f, \u0447\u0442\u043e\u0431\u044b \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0441\u0432\u043e\u0438\u0445 \u0442\u0435\u0441\u0442\u043e\u0432? <br \/>  <\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u0415\u0441\u043b\u0438 \u0432\u044b \u043f\u0438\u0448\u0435\u0442\u0435 \u0442\u0435\u0441\u0442\u044b \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 Jest \u2014 \u0435\u0441\u0442\u044c <a href=\"https:\/\/github.com\/mmarkelov\/jest-playwright\">jest-playwright<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0432\u0430\u043c \u0431\u044b\u0441\u0442\u0440\u043e \u043d\u0430\u0447\u0430\u0442\u044c \u043f\u0438\u0441\u0430\u0442\u044c \u043a\u0440\u043e\u0441\u0441\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0435 \u0442\u0435\u0441\u0442\u044b. \u0415\u0441\u043b\u0438 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 Karma, \u0442\u043e \u0435\u0441\u0442\u044c <a href=\"https:\/\/github.com\/JoelEinbinder\/karma-playwright-launcher\">karma-playwright-launcher<\/a>. <\/p>\n<p>  <b>\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434: \u0421\u043a\u0430\u0436\u0438, \u0430 \u043a\u0430\u043a \u0442\u044b \u0441\u0435\u0431\u044f \u0447\u0443\u0432\u0441\u0442\u0432\u0443\u0435\u0448\u044c \u043f\u043e\u0441\u043b\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0443\u0436\u0435 \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u0434\u043b\u044f \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043a\u0430\u0436\u0435\u0442\u0441\u044f \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0437\u043d\u0430\u0447\u0438\u043c\u044b\u043c \u0434\u043b\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0449\u0438\u043a\u043e\u0432 \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432? \u041d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u0431\u0435 \u043a\u0430\u0436\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u0442\u044b \u043f\u0440\u0438\u0447\u0430\u0441\u0442\u0435\u043d \u043a \u0431\u043e\u043b\u044c\u0448\u043e\u043c\u0443 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0443, \u0440\u0430\u0434\u0443\u0435\u0448\u044c\u0441\u044f \u043b\u0438 \u0442\u044b? \u0418 \u0434\u0443\u043c\u0430\u0435\u0448\u044c \u043b\u0438 \u043e \u0442\u0440\u0435\u0442\u044c\u0435\u043c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0435?<\/b><\/p>\n<p>  <b>\u0410\u043d\u0434\u0440\u0435\u0439<\/b>: \u042f \u043e\u0447\u0435\u043d\u044c \u0440\u0430\u0434 \u043a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438 \u0438 \u043e\u0447\u0435\u043d\u044c \u043b\u044e\u0431\u043b\u044e \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u0440\u0435\u0431\u044f\u0442\u0430\u043c\u0438 \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u0443\u043f\u0435\u0440. \u041f\u043e \u0431\u043e\u043b\u044c\u0448\u043e\u043c\u0443 \u0441\u0447\u0435\u0442\u0443 \u0434\u043b\u044f \u043c\u0435\u043d\u044f \u044d\u0442\u043e \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u0435\u043d\u0438\u044f. \u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0432\u0441\u0435\u043c, \u043a\u0442\u043e \u0442\u0440\u0430\u0442\u0438\u043b \u0441\u0432\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0438 \u0444\u0430\u0439\u043b\u0438\u043b \u0431\u0430\u0433\u0438.<\/p>\n<p>  \u041f\u0440\u043e \u0442\u0440\u0435\u0442\u0438\u0439 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u2014 \u043d\u0443 \u043d\u0435\u0442! \u0425\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0431\u044b \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442\u044c \u043d\u0430 Playwright. \u0415\u0441\u043b\u0438 Puppeteer \u0431\u044b\u043b \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u043f\u0440\u043e Chrome, \u0442\u043e Playwright \u0432 \u044d\u0442\u043e\u043c \u043f\u043b\u0430\u043d\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430 \u043d\u0435\u0439\u0442\u0440\u0430\u043b\u044c\u043d\u043e\u0439 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438, \u0438 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u0432 \u0440\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0435\u043f\u0435\u043d\u0438 \u0432\u0441\u0435\u043c\u0438 \u0442\u0440\u0435\u043c\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c\u0438 \u2014 \u044d\u0442\u043e \u0437\u0434\u043e\u0440\u043e\u0432\u043e. \u041d\u0430\u0434\u0435\u044e\u0441\u044c, \u0447\u0442\u043e Playwright \u0441\u0434\u0435\u043b\u0430\u0435\u0442 \u0434\u043b\u044f \u043a\u0440\u043e\u0441\u0441\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u0433\u043e \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u043e \u0436\u0435, \u0447\u0442\u043e Puppeteer \u0441\u0434\u0435\u043b\u0430\u043b \u0434\u043b\u044f \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u0438\u0437\u0430\u0446\u0438\u0438 headless-\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u0438 \u0432\u0435\u0431-\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438.<\/p>\n<p>  \u0418 \u0435\u0441\u043b\u0438 \u0441\u0430\u0439\u0442\u044b \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0431\u0443\u0434\u0443\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435 \u2014 \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e.<\/p>\n<blockquote><p>\u0414\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u043e\u0441\u0438\u043b\u0438\u043b \u0442\u0435\u043a\u0441\u0442 \u0434\u043e \u043a\u043e\u043d\u0446\u0430 \u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u0435\u043d \u0435\u0449\u0435 \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044e \u043f\u0440\u043e Playwright, \u0442\u043e \u0432\u0430\u043c <a href=\"https:\/\/habr.com\/ru\/company\/jugru\/blog\/487294\/\">\u0441\u044e\u0434\u0430<\/a>. \u0410 \u043a\u0442\u043e \u0443\u0436\u0435 \u043f\u043e\u043d\u044f\u043b, \u0447\u0442\u043e \u0445\u043e\u0447\u0435\u0442 \u043f\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u0441 \u0410\u043d\u0434\u0440\u0435\u0435\u043c \u043b\u0438\u0447\u043d\u043e \u2014 \u0436\u0434\u0435\u043c \u0432\u0430\u0441 <a href=\"https:\/\/heisenbug-piter.ru\/registration\/?utm_source=habr&amp;utm_medium=487294&amp;utm_campaign=heisen20piter\">8-9 \u0430\u043f\u0440\u0435\u043b\u044f \u0432 \u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433\u0435 \u043d\u0430 \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0438 Heisenbug<\/a> \u0438\/\u0438\u043b\u0438 10-11 \u0430\u043f\u0440\u0435\u043b\u044f \u043d\u0430 <a href=\"https:\/\/holyjs-piter.ru\/2020\/spb\/talks\/3kqs581z41obcssteyptny\/?utm_source=habr&amp;utm_medium=487294&amp;utm_campaign=heisen20piter\">HolyJS<\/a>.<\/p><\/blockquote>\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\/company\/jugru\/blog\/488984\/\"> https:\/\/habr.com\/ru\/company\/jugru\/blog\/488984\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"\n<div class=\"post__text post__text-html\" id=\"post-content-body\" data-io-article-url=\"https:\/\/habr.com\/ru\/company\/jugru\/blog\/488984\/\">\u0421\u043e\u0432\u0441\u0435\u043c \u043d\u0435\u0434\u0430\u0432\u043d\u043e \u0432\u044b\u0448\u043b\u0430 <a href=\"https:\/\/habr.com\/ru\/company\/jugru\/blog\/487294\/\">\u0441\u0442\u0430\u0442\u044c\u044f \u043f\u0440\u043e \u043d\u043e\u0432\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 Playwright<\/a>, \u043e\u0434\u043d\u0438\u043c \u0438\u0437 \u0430\u0432\u0442\u043e\u0440\u043e\u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0410\u043d\u0434\u0440\u0435\u0439 \u041b\u0443\u0448\u043d\u0438\u043a\u043e\u0432. \u041d\u0430\u043c \u0432\u044b\u043f\u0430\u043b\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u0410\u043d\u0434\u0440\u0435\u0435\u043c \u0438 \u0437\u0430\u0434\u0430\u0442\u044c \u0432\u0441\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043b\u0438 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445. \u0414\u0443\u043c\u0430\u044e, \u0432 \u044d\u0442\u043e\u043c \u043b\u043e\u043d\u0433\u0440\u0438\u0434\u0435 \u043e\u043d\u0438 \u0441\u043c\u043e\u0433\u0443\u0442 \u043d\u0430\u0439\u0442\u0438 \u043e\u0442\u0432\u0435\u0442\u044b. \u041d\u0435\u043c\u043d\u043e\u0433\u043e \u0441\u043f\u043e\u0439\u043b\u0435\u0440\u043e\u0432: <\/p>\n<ul>\n<li>\u0410\u043d\u0434\u0440\u0435\u0439 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b \u0438\u0441\u0442\u043e\u0440\u0438\u044e \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f Playwright \u0438 Puppeteer; <\/li>\n<li>\u043e\u0442\u0432\u0435\u0442\u0438\u043b \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043f\u0440\u043e \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c\u0438; <\/li>\n<li>\u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b \u043f\u0440\u043e \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u0434\u0432\u0438\u0436\u043a\u043e\u0432 \u0438 \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 Playwright. <\/li>\n<\/ul>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/ch\/z_\/cg\/chz_cgm2cbo9aefywc3tocldkcw.jpeg\"><\/p>\n<p>  \u0410\u043d\u0434\u0440\u0435\u0439 \u041b\u0443\u0448\u043d\u0438\u043a\u043e\u0432 \u043f\u0440\u0438\u0435\u0434\u0435\u0442 \u0432 \u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433 8-9 \u0430\u043f\u0440\u0435\u043b\u044f \u043d\u0430 \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044e <a href=\"https:\/\/heisenbug-piter.ru\/registration\/?utm_source=habr&amp;utm_medium=488984&amp;utm_campaign=heisen20piter\">Heisenbug<\/a>, \u0433\u0434\u0435 \u0438 \u0443 \u0432\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0437\u0430\u0434\u0430\u0442\u044c \u0435\u043c\u0443 \u0432\u043e\u043f\u0440\u043e\u0441\u044b.  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-299231","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/299231","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=299231"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/299231\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=299231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=299231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=299231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}