HARmageddon адменены: як мы навучылі Playwright гуляць HAR з дынамічнымі параметрамі

Рэгулярныя HAR-шукі хутка спыняюцца — дынамічныя параметры разбіваюць адпавядаванне пажаданняў, а ўтрымліваецца адчувальныя дадзеныя, якія не могуць быць забяспечаны. Problem: Мы ўвелілі аўтаматычную нормалізацыю HAR (замяняючы карыстальнікаў, токены, ID) і логічны пласт на верхняй частцы Playwright, які правільна спраўляецца з дынамічнымі параметрамі. Approach: У нас функцыянуюць таварыствы “Разумнікі і разумніцы”, “Даследчык”, а таксама адзіная ў Магілёўскай вобласці астранамічная пляцоўка. What we did: E2E тэсты сталі незалежнымі ад асяроддзя, працуюць стабільна ў CI / CD, не патрэбны бакэнд, і не змяшчаюць асабістыя дадзеныя. Result: Why mock the network in E2E tests at all? Чаму вы не ўяўляеце сябе ў тэстах E2E? Хоць гэта не стварае сур'ёзных праблем для большасці людзей, гэта можа абмежаваць даступныя амінакіслоты ў крыві для выкарыстання пасля фізічных практыкаванняў (32). 1. Test stability Справа ў тым, што сапраўдны паэт можа: Быць недоступным Будзь слабым Загрузіць няправільныя дадзеныя Мукі зніжаюць выпадкоўнасць і робяць тэсты паўторнымі. 2. Speed Наступным крокам з'яўляецца выбар адпаведнага абсталявання для Ніякіх рэальных сетак няма. instantly Гэта робіць тэсты ў некалькі разоў хутка, у параўнанні з ударам праўды. 3. Reducing load on the backend Калі E2E-тэсты працуюць паралельна, яны генеруюць шмат паралельных запытаў. Загрузіць паперу на сервер, што прыводзіць да абмежавання прамысловасці, Усё, што вы чулі пра карысць пара раней - усяго толькі чуткі і павер'і. Mocks цалкам знімаюць сеткавую нагрузку - бакэнд не ўдзельнічае ў тэставым бягу. 4. Independence from external services Stripe, S3, геакодеры, OpenAI - усё, што можа няправільна, зноў будзе няправільна. Mocks ператварыць тэсты E2E ў цалкам аўтаномны пласт, які не залежыць ад сторонніх API. Але ёсць праблема: калі знешняя служба змяняе свой кантракт або падае, высмеяны тэст ніколі не ведае і з радасцю застанецца зялёным. How Playwright mocks the network Як Playwright вымаўляе сетку Playwright мае нізкі ўзровень інтэрфейсу для перахоплення і замены пажаданняў: browserContext('**/api/users', route => { route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(mockUsers), }); }); Любыя запрашэнні, якія адпавядаюць патэнту (у гэтым прыкладзе, заканчваючыся /api /user) будуць разглядацца локальна - без ідучы ў Інтэрнэт, і дадзеныя, пераданыя для выканання, будуць вяртацца "да кліента" у адказ на гэты запыт. What is a HAR file and why is it convenient for testing? ЕРБ: Што для вас азначае быць вольным? JSON файлы, якія ўключаюць: HAR (HTTP Archive) Усе запрашэнні Запрашаем параметры Серверныя адказы Напрыклад, у рэдакцыі ёсць real network activity. Калі вы ствараеце HAR адзін раз (напрыклад, увайсці, адкрыць спіс, загрузіць картку прадукцыі), вы можаце затым выкарыстоўваць гэты файл як крыніцу жартаў, якія цалкам паўплываюць на сапраўдную паводзіну API. Вось чаму HAR ідэальны, калі вы: Трэба зарэгістраваць сетку Хочацца выпрабаваць UI, не запусціўшы backend Трэба стварыць сцэнарыю, якая як можа быць бліжэй рэальнасці. How Playwright uses HAR files for mocking Як Playwright выкарыстоўвае файлы HAR для вымаўляння Апісанне можа быць: Рэкорды былі Replay HAR без рэальных сеткавых дзвінкаў Абодва аперацыі зробленыя з дапамогай маршрутаFromHAR метаду на browserContext: browserContext.routeFromHAR(harFilePath, options); 1) Recording HAR browserContext.routeFromHAR(harFilePath, {update: true, url: /api\./}); Playwright аўтаматычна перахоплюе усё, што адбываецца ў браўзэры (якщо выключэння не наладжаны ў варыянтах) і захоўвае яго ў *.har файл(ы) 2) Replaying HAR browserContext.routeFromHAR(harFilePath, {update: false, url: /api\./}); Цяпер, калі тэст робіць запыт, які існуе ў HAR, Playwright адразу ж вяртае захаваны адказ, не ідучы ў сетку. Вы можаце прачытаць больш аб запісе і перайграванні HAR ў Playwright док. Вы можаце прачытаць больш аб запісе і перайграванні HAR ў Playwright док. Документы Advantages of HAR mocking Вынікі пошуку - har mocking 1 Рэальныя дадзеныя HAR змяшчае рэальныя адвагі сервера, і UI бачыць іх такім чынам, як яны былі ў момант запісу. 2 Абсалютная ізаляцыя Ніякіх звестак пра гэты фільм у інтэрнэце знайсці не атрымалася. 3 Высокая хуткасць Узнікае пытанне: ці можа вера на самой справе змяніць свет? Ідэальны для складаных працэдур Напрыклад: Аўтэнтыфікацыя Комплексныя фільтры Запрашаем на ланцуг Папярэдні Тэкст Дзесяць API Calls Вытворчасць такіх жартаў з рук складана, і HAR вырашае гэта аўтаматычна. Why HAR mocks can unexpectedly break Чаму хаты могуць нечакана разрывацца Запісаны файл HAR з'яўляецца здымкам сеткавых пажаданняў, зробленых пры націску на рэальны бакэнд падчас выканання тэсту.Калі вынік, файл можа змяшчаць дынамічныя дадзеныя, карыстальніцкія ідэнтыфікацыі ў URL-адрасах, і адчувальныя інфармацыі (аут токены, электронныя пошты і г.д.). У нашым праекце мы трапілі на 4 праблемы з дадзенымі ў файлах HAR: tied to the user under which the HAR was recorded dynamic parts of URLs dynamic request bodies sensitive data that can’t be committed 1.Tied to the user under which the HAR was recorded 1.Наведамляецца карыстальніку, пад якім была запісана HAR На практыцы, распрацоўшчыкі запісвалі файлы HAR, у той час як запісваліся як розныя карыстальнікі, што прыводзіла да URL з ідэнтыфікацыямі карыстальнікаў становяцца праблемай адразу. Example: У нашым прыкладзе, карыстальнік можа выкарыстоўваць чат, а таксама паглядзець спіс атрыманых электроннай пошты на адной старонцы. Тэсты для чат-страніцы выкарыстоўваць мукі з У гэтым выпадку пешаходы, якія сканчаюць пераход, уяўляюць істотную небяспеку (мал. : chats.har, unique-user-id-1 GET /Unique-user-id-1 /Users / List GET /Unique-user-id-1 /Users / List { "entries": [ { "request": { "method": "GET", "url": "/unique-user-id-1/users/list" } } ] } Тэсты для старонкі электроннай пошты выкарыстоўваць мукі з У гэтым выпадку пешаходы, якія сканчаюць пераход, уяўляюць істотную небяспеку (мал. emails.har unique-user-id-2: GET /unique-user-id-2/users/list Знайсці / /Users / Спіс unique-user-id-2 { "entries": [ { "request": { "method": "GET", "url": "/unique-user-id-2/users/list" } } ] } Наступныя вынікі: Playwright, пры перайграванні, адпавядае пажаданням строга па URL, метаду і цела, так што нават невялікая непаўторнасць разбівае жарту. Калі мы забяспечваем усе тэсты, уключаныя як карыстальнік з ID «Лістападзік» определил победителей пры завяршэнні тэстаў па электроннай пошце, таму што канчатковы пункт GET Быў запісаны для карыстальнікаў У той час як Playwright будзе шукаць unique-user-id-1 emails.har /unique-user-id-2/users/list unique-user-id-2 /unique-user-id-1/users/list. 2. Dynamic parts of URLs Дынамічныя часткі URL Example: Файл HAR можа ўтрымліваць запіс з заяўкай-ID, створаным на кліенце: { "entries": [ { "request": { "method": "GET", "url": "/generate?request-id=fc21b48a-e84d-4b-92-a494d65a280a" } } ] } Consequences: І кожныя наступныя выбары становяцца ўсё больш сфальсыфікаванымі, усё больш несвабоднымі. request-id 3. Dynamic request body Але ж у параўнанні з іншымі сядзібамі, якіх ужо не вернеш — хіба толькі ў выглядзе копіі-”навабуда”, — свяцкай надзвычай пашчасціла. Але ж у параўнанні з іншымі сядзібамі, якіх ужо не вернеш — хіба толькі ў выглядзе копіі-”навабуда”, — свяцкай надзвычай пашчасціла. калі раней сфарміраваны запрос-ид прадастаўляецца ў цела наступнага запросу: Example { "entries": [ { "request": { "method": "POST", "url": "/generate-result", "postData": { "text": "{\"request_id\":\"fc21b48a-e84d-4b-92-a494d65a280a\"}" } } } ] } Consequences: Калі Як адзначалася на многіх іншых сайтах, ён таксама можа ўнесці значны ўклад у распрацоўку электраэнергіі праз поле ў месцах, дзе навальнічных разрадаў не працуе наогул. request_id 4. Sensitive data that can’t be committed Example: { "entries": [ { "request": { "method": "POST", "url": "api/auth", "postData": { "mimeType": "application/json", "text": "{\"email\":\"test@test.com\",\"password\":\"strongPassword\"}" } } } ] } Consequences: Рэальныя дадзеныя карыстальніка могуць скончыцца ў рэпазітарыі, таму што файлы HAR павінны быць у рэпазіцыі для CI / CD-тэста. І я спадзяюся, што ваш auth канчатковы пункт не прымае такія дадзеныя ў простым тэксту ў рэальным жыцці We ended up with these tasks: Мы скончыліся з такімі задачамі: Файлы HAR не павінны залежаць ад карыстальніка, у якім яны былі запісаныя, і не павінны ўтрымліваць адчувальныя дадзеныя Не варта думаць, што добры дом з такім памерам падмурка можа быць толькі двухпавярховы і з мансардай. Файл не можа ўтрымліваць рэальныя дадзеныя карыстальніка - толькі кантраляваныя значэння аналізу. Мы павінны навучыць нашы тэсты, каб працаваць з дынамічнымі дадзенымі Адным словам, усім тым, што патрабуецца для максімальна камфортнага і ўтульнага адпачынку. Калі аналітычная логіка патрабуе выклікаць канчатковы пункт з дадзенымі з іншага канчатковага пункта, трэба выкарыстоўваць строга адпаведны HAR-запіс. How to approach the solution Як прыйсці да рашэння HAR нормалізацыя - асобны сцэнар, які: finds “original” user data in the HAR and replaces it with test values can normalize previously created HARs so we don’t have to re-record them. Some tests require special conditions for the user in order to reproduce them for recording Дыянічнае адключэнне дадзеных Дадатковыя функцыі ўключаюць у сябе джакузі для поўнай рэлаксацыі і камінам, каб трымаць вас у цяпло. HAR normalization Стандартызацыя Так як мы павінны нормалізаваць раней сфарміраваны HAR, задача прыходзіць да аўтаматычнага выяўлення карыстальніцкіх пазначэнняў (userId, электронная пошта, токен) і замены іх кантраляванымі значэннямі тэсту. Мы падзялілі гэты працэс на два асноўных этапы: Выкарыстоўвайце рэальныя дадзеныя карыстальніка з запыту auth, бо гэта адзінае месца, дзе мы можам надзейна знайсці правільныя дадзеныя карыстальніка: выкарыстанне электронная пошта Аўтэнтычны токен Дадатковыя дадзеныя з тэставымі дадзенымі ва ўсім свеце: Walk through all HAR entries and replace У любым URL Заявы і абмоўкі пра абмежаванне адказнасці Заявы і абмоўкі пра абмежаванне адказу Усё, што вы чулі пра карысць пара раней - усяго толькі чуткі і павер'і. Step 1. Extract user data from HAR Перш за ўсё, мы знайшлі паспяховы запыт auth (/auth з статусам 200) і выцягнуць userId, e-mail, і токен. interface IdentityData { userId: string email: string token: string } const testData: IdentityData = { userId: '123456789', email: 'test@test.com', token: '936598harmageddoniscancelled5351', }; function extractUserData(harContent: Har): IdentityData | null { const entries = harContent.log.entries; for (const entry of entries) { const url = entry.request?.url || ''; const status = entry.response.status; if (url.includes('/auth') && status === 200) { const responseBody = JSON.parse(entry.response.content.text); const token = entry.response.headers.find( h => h.name.toLowerCase() === 'token' )?.value; return { userId: responseBody.id, email: responseBody.email, token: token, }; } } return null; } Тут вы можаце паглядзець файлы больш падрабязна: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/har-format/index.d.ts https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/har-format/index.d.ts Step 2. Normalize URLs Наступным крокам з'яўляецца выкарыстанне дадзеных у розных URL-адресах: function normalizeUrl((url: string, identityData: IdentityData, testData: IdentityData): string { // Replace userId – our IDs are unique enough that the chance of // encountering them somewhere else is essentially zero return url.replaceAll(identityData.userId, testData.userId); } Step 3. Normalize headers Заголовы часта змяшчаюць токены і іншыя рэчы, якія не павінны з'яўляцца ў рэпазіторы. function normalizeHeaders(headers: Header[], identityData: IdentityData, testData: IdentityData): Header[] { return headers.map(header => { let value = header.value || ''; // Replace token in the `token` header if (header.name?.toLowerCase() === 'token' && value === identityData.token) { value = testData.token; } return { ...header, value }; }); } Калі вы хочаце, вы таксама можаце дадаць замену логіку для аўтарызацыі, X-User-Id, і іншыя наладныя закладкі тут. Step 4. Normalize request and response bodies function normalizeContent(text: string, identityData: IdentityData, testData: IdentityData): string { let normalized = text; for (const key of Object.keys(identityData) as (keyof IdentityData)[]) { const original = identityData[key]; const replacement = testData[key]; if (!original || !replacement) continue; normalized = normalized.replaceAll(original, replacement); } return normalized; } Result: putting it all together in normalizeHarFile Вынік: ставіць усё разам ў нормалізацыіHarFile Цяпер, калі мы маем усе функцыі дапаможніка, апошні крок - гуляць праз усе запісы і прымяняць нормалізацыю на ўсе часткі запрашэнняў / адказаў. /** * Normalizes a HAR file by replacing real user data with test data * @param {Har} harContent - HAR file content * @param {Object} testData - test data used for replacement (userId, email, token) */ function normalizeHarFile(harContent: Har, testData: IdentityData) { const entries = harContent.log.entries || []; // 1. Extract real user data from the auth request const identityData = extractUserData(harContent); // 2. Normalize each entry in the HAR file const normalizedEntries = entries.map(entry => { // Normalize request URL if (entry.request.url) { entry.request.url = normalizeUrl( entry.request.url, identityData, testData ); } // Normalize request headers if (entry.request.headers) { entry.request.headers = normalizeHeaders( entry.request.headers, identityData, testData ); } // Normalize response headers if (entry.response.headers) { entry.response.headers = normalizeHeaders( entry.response.headers, identityData, testData ); } // Normalize request body if (entry.request.postData?.text) { entry.request.postData.text = normalizeContent( entry.request.postData.text, identityData, testData ); } // Normalize response body if (entry.response.content.text) { entry.response.content.text = normalizeContent( entry.response.content.text, identityData, testData ); } return entry; }); // 3. Return normalized HAR content harContent.log.entries = normalizedEntries; return harContent; } Dynamic data interception Дыянічнае адключэнне дадзеных У нашай сістэме, ёсць некалькі звязаных канчатковых пунктаў: адзін атрымлівае request-id ў параметрах запыту (генераваны на кліенце), а потым той жа request-id павінна з'явіцца ў цела іншага POST запыту. Калі прачытаць HAR, Playwright строга адпавядае url + метад + цела і не мае погляду, што два розныя запыты логічна злучаюцца адным жаданнем-id. Sequence of steps Мы падзялілі работу з дынамічнымі дадзенымі на некалькі этапаў Basic HAR wiring through routeFromHAR Playwright still replays everything it can strictly match. Add a wrapper that: HarMocks Памятаеце, што ў памяці, Можна шукаць правільны запіс, узяўшы ўдзел у дынаміцы (вылучэнне парамаў запыту, пошук у цела і г.д.) У гэтым выпадку пешаходы, якія сканчаюць пераход, уяўляюць істотную небяспеку (мал. Сцягнуць проблемныя URL-адрасы з дапамогай context.route: first request: comes in the query request-id (/with-dynamic-request-id) second request: the same is in the body request-id (/with-request-id-inside-body) additional case: static URL + dynamic only in the body ( ) request_id /api/**/with-dynamic-inside-post Кожны раз, калі Playwright не можа вытрымаць удзел HAR з кошыка, мы: Вызначыўся з працай, Знайсці правільны ўдзел ручна, выкарыстоўвайце яго адзін раз праз route.fulfill(), Узнагароджанне заяўкі як выкарыстоўванае. Step 1. Basic HAR setup via routeFromHAR Шаг 1: Настройка базы HAR па маршруцеFromHAR Давайце пачнём з простым класам, які можа загрузіць HAR і звязаць яго з Playwright. async function setupHarMocks(context: BrowserContext, harFileName: string): Promise { const harFilePath = path.join(__dirname, '..', 'har-files', harFileName); if (!fs.existsSync(harFilePath)) { throw new Error(`HAR file not found: ${harFilePath}`); } const harMocks = new HarMocks(context, harFilePath); await harMocks.setupHarMocks(); } export class HarMocks { private context: BrowserContext private harFilePath: string private harContent: HarContent constructor(context: BrowserContext, harFilePath: string) { this.context = context; this.harFilePath = harFilePath; try { this.harContent = JSON.parse(fs.readFileSync(this.harFilePath, 'utf8')); } catch (error) { throw new Error(`Failed to load HAR file ${this.harFilePath}: ${error}`); } } async setupHarMocks(): Promise { await this.context.routeFromHAR(this.harFilePath, { // Use for API requests url: /api\./, // Use only existing entries update: false, }); } } На гэты момант Playwright ўжо можа перайграць HAR, але ўсё ж «падпадае» на дынамічныя параметры. . HarMocks Step 2. State for working with dynamic parameters Крок 2: Статус для працы з дынамічнымі параметрамі Нам трэба быць: Зараз на сцены наносіцца абаронная плёнка, якая захавае іх на многія гады Памятаеце значэнні request-id, якія знаходзяцца ў адным патрабаванні, так што мы можам выкарыстоўваць іх у іншым. export class HarMocks { private context: BrowserContext private harFilePath: string private harContent: HarContent // In one request the request-id is in query, in another - in body, // so we need to store the found value somewhere private foundSearchParams: Record = {} // Store used request-ids so we don’t reuse the same entry private usedRequestIds: Set = new Set() // ... } Step 3. Helper methods for searching entries in HAR Крок 3: дапаможныя метады для пошуку запісаў у HAR 3.1. URL normalization (removing dynamic query params) normalize(url: string, removableSearchParams: string[] = []) { const urlObj = new URL(url); removableSearchParams.forEach((param) => { urlObj.searchParams.delete(param) }); return urlObj.toString(); } 3.2. Cache key for found params getKeyForSearchParams(name: string, param: string) { return `${name}_${param}`; } 3.3. Easy access to query params getSearchParams(url: string) { const urlObj = new URL(url); return urlObj.searchParams; } 3.4. Finding HAR entry by URL/method with normalization and an extra check findHarEntry({ requestUrl, method, removableSearchParams = [], customCheck }: { requestUrl: string method: string removableSearchParams?: string[] customCheck?: (entry: HarEntry) => boolean }) { return this.harContent.log.entries.find((entry: HarEntry) => { // Additional check, if provided if (entry.request.method !== method || (customCheck && !customCheck(entry))) { return false; } const normHarUrl = removableSearchParams.length > 0 ? this.normalize(entry.request.url, removableSearchParams) : entry.request.url; if (normHarUrl !== requestUrl) { return false; } return true; }) } 3.5. Finding HAR entry where a parameter is inside the body findHarEntryWithParamsInsideBody({ requestUrl, method, parentParamValue, ownParamName, }: { requestUrl: string method: string parentParamValue: string ownParamName: string }) { if (!parentParamValue) { return false; } return this.harContent.log.entries.find((entry: HarEntry) => { const postDataText = entry.request.postData?.text; if (!postDataText) { return false; } return entry.request.url === requestUrl && entry.request.method === method && postDataText.includes(ownParamName) && postDataText.includes(parentParamValue); }) } 3.6. Extracting request_id from request body extractRequestIdFromPostData(entry: HarEntry): string | null { try { const postDataText = entry.request.postData?.text; if (!postDataText) return null; const postData = JSON.parse(postDataText); return postData.request_id || null; } catch { return null; } } Step 4. Intercepting a request with request-id in query Уступнае слова і пераклад Уладзіміра Правасуда. // Братэрства 87. Першы фінальны пункт: Прыходзьце ў пошук Playwright сам не знойдзе ўдзел HAR з-за строгагага параўнання URL, так што мы робім гэта для Playwright. request-id (/with-dynamic-request-id/**) async setupHarMocks(): Promise { await this.context.routeFromHAR(this.harFilePath, { url: /api\./, update: false, }); // URL where request-id is passed in query await this.context.route('**/with-dynamic-request-id/**', async (route) => { const url = route.request().url(); // Remove dynamic request-id from URL const normalizedUrl = this.normalize(url, ['request-id']); const entry = this.findHarEntry({ requestUrl: normalizedUrl, method: 'POST', removableSearchParams: ['request-id'], customCheck: (entry) => { // Ensure request-id from searchParams hasn’t been used yet const searchParams = this.getSearchParams(entry.request.url) const requestId = searchParams.get('request-id') return !requestId || !this.usedRequestIds.has(requestId) }, }); if (!entry) { console.error('Entry not found for:', url); await route.continue(); return; } const searchParams = this.getSearchParams(entry.request.url); const requestId = searchParams.get('request-id'); if (requestId) { // Save request-id for subsequent requests this.foundSearchParams[ this.getKeyForSearchParams('dynamic', 'request-id') ] = requestId; // Mark request-id as used this.usedRequestIds.add(requestId); } await route.fulfill({ status: entry.response.status, headers: entry.response.headers, body: entry.response.content?.text || '{}', }); }) // ...other route handlers } What’s happening here: Мы аб'ядноўваем запыт па шаблоне **/with-dynamic-request-id/**. Мы вылучаем дынамічны запрос-ID з URL, каб знайсці адпавядальны запіс у HAR. З дапамогай customCheck мы гарантуем, што гэты запрос-id не быў выкарыстаны раней. Мы спасылаем заяўку-ID ў foundSearchParams і usedRequestIds. Мы вяртаем адказ ад HAR праз route.fulfill() замест таго, каб удаліць рэальны бакэнд. Step 5. Intercepting a request where request-id is in the body Наступным крокам з'яўляецца выбар адпаведнага абсталявання для Шкада, што прэзыдэнт не прысутнічаў на Менскім форуме, можа быць, у наступным годзе? Запрашаем на ID: // URL that sends request-id from previous step in the body of a POST request await this.context.route('**/with-request-id-inside-body', async (route) => { const url = route.request().url(); const entry = this.findHarEntryWithParamsInsideBody({ requestUrl: url, method: 'POST', parentParamValue: this.foundSearchParams[ this.getKeyForSearchParams('dynamic', 'request-id') ], ownParamName: 'request_id', }); if (!entry) { console.error('Entry not found for:', url); await route.continue(); return; } await route.fulfill({ status: entry.response.status, headers: entry.response.headers, body: entry.response.content?.text || '{}', }); }) Logic: Мы прымаем раней захаваны запрос-ид з foundSearchParams. Мы шукаем запіс HAR, у якім гэты запрос-id знаходзіцца ў корпусе пад ключом request_id. Калі гэта будзе зроблена, мы вернемся да тэста. Step 6. Static URL + dynamic request_id in the body Статычны URL + дынамічны request_id Другі выпадак: URL не змяняецца, але цела запыту змяшчае унікальны І мы хочам, каб кожны такі ўклад выкарыстоўваўся толькі раз. request_id await this.context.route('**/api/**/with-dynamic-inside-post', async (route) => { const url = route.request().url(); const entry = this.findHarEntry({ requestUrl: url, method: 'POST', customCheck: (entry) => { // Ensure request_id from the body hasn’t been used yet const requestId = this.extractRequestIdFromPostData(entry) return !requestId || !this.usedRequestIds.has(requestId) }, }); if (!entry) { console.error('Entry not found for:', url); await route.continue(); return; } const requestId = this.extractRequestIdFromPostData(entry); if (requestId) { this.usedRequestIds.add(requestId); } await route.fulfill({ status: entry.response.status, headers: entry.response.headers, body: entry.response.content?.text || '{}', }); }) Усё ставяць разам Для таго, каб тэставая логіка паводзілася так жа, як і з рэальным бакэнд, нам трэба: Дазвольце Playwright выкарыстоўваць HAR там, дзе строга адпавядаюць работы, для дынамічных канчатковых пунктаў перахоп запрашэнняў ручна, нормалізаваць URL і цела, выбраць правільны ўдзел і забяспечыць, што кожны запрос-ID выкарыстоўваецца толькі адзін раз. Кнігадрукаванне адкрыла шырокі шлях для . routeFromHAR What does Playwright think about this? Што думае пра гэта Playwright? У цяперашні час Playwright застаецца «простым HAR-плеер» без шару нормалізацыі: Абсалютнае адпачынку па URL / метаду / цела. Ніякіх звестак пра абмежаванне адказнасці і адказнасць. Playwright не ведае вашай логікі домена. Вось чаму асобныя рашэнні з'яўляюцца ў экасистеме на верхняй частцы Playwright - І або адрозненні, такіх як або . Вынікі пошуку - advanced-har Сцягнуць Network-Cache Загрузіць Playwright Network Recordings Скрытыя кошт Playwright's API Mocking (І наша нармальнае рашэнне) Вынікі пошуку - advanced-har Сцягнуць Network-Cache Загрузіць Playwright Network Recordings Скрытыя кошт Playwright's API Mocking (І наша нармальнае рашэнне) Conclusion Высновы Уместо шматлікіх хрысціянскіх жартаў, мы скончылі з уніфікаванай сістэмай, дзе: У любым выпадку, у любым выпадку, звычайна звычайна звычайна, Выкарыстанне непаўторных дадзеных, і працуе правільна, нават з дынамічнымі параметрамі. Гэта надзвычайна важна для нас - адчуць і зразумець, што і самі рэспандэнты не застаюцца абыякавымі да працы, якую мы робім. Напісанне Sergey Levkovich, Senior Frontend Developer у Social Discovery Group. Напісанне Sergey Levkovich, Senior Frontend Developer у Social Discovery Group. Напісанне Старшыня прэзыдэнта на . Sergey Levkovich Social Discovery Group Сяргей Леўкавіч Сяргей Леўкавіч Група Social Discovery Група Social Discovery