மாக்ஸ் மற்றும் ஸ்பைகளைக் கோருங்கள்

WebdriverIO comes with built-in support for modifying network responses that allows you to focus testing your frontend application without having to setup your backend or a mock server. உங்கள் டெஸ்டில் REST API கோரிக்கைகள் போன்ற இணைய ஆதாரங்களுக்கான தனிப்பயன் பதில்களை நீங்கள் வரையறுத்து அவற்றை மாறும் வகையில் மாற்றலாம்.

தகவல்

Note that using the mock command requires support for Chrome DevTools protocol. That support is given if you run tests locally in a Chromium-based browser, via a Selenium Grid v4 or higher, or through a cloud vendor with support for the Chrome DevTools protocol (e.g. SauceLabs, BrowserStack, LambdaTest). Full cross-browser support will be available once the required primitives land in Webdriver Bidi and get implemented in the respective browser.

ஒரு மாக் உருவாக்கம்

நீங்கள் எந்த ரெஸ்பான்சுகளையும் மாற்றுவதற்கு முன், நீங்கள் முதலில் ஒரு மாக்கை வரையறுக்க வேண்டும். இந்த மாக்கானது ரிசோர்ஸ் url ஆல் விவரிக்கப்பட்டுள்ளது மற்றும் request method அல்லது headers மூலம் பில்டர் செய்யலாம். ரிசோர்ஸ் குளோப் வெளிப்பாடுகளை minimatchஆல் ஆதரிக்கிறது:

// mock all resources ending with "/users/list"
const userListMock = await browser.mock('**/users/list')

// or you can specify the mock by filtering resources by headers or
// status code, only mock successful requests to json resources
const strictMock = await browser.mock('**', {
    // mock all json responses
    requestHeaders: { 'Content-Type': 'application/json' },
    // that were successful
    statusCode: 200
})

தனிப்பயன் பதில்களைக் குறிப்பிடுதல்

நீங்கள் ஒரு மாக்கை வரையறுத்தவுடன், அதற்கான தனிப்பயன் பதில்களை நீங்கள் வரையறுக்கலாம். அந்தத் தனிப்பயன் பதில்கள் JSONக்கு பதிலளிக்கும் ஆப்ஜெக்டாக இருக்கலாம், தனிப்பயன் சாதனத்துடன் பதிலளிக்கும் லோக்கல் பைல் அல்லது பதிலை இணையத்தில் உள்ள ரிசோர்சுடன் மாற்றுவதற்கான வலை ரிசோர்சாக இருக்கலாம்.

மாக்கிங் API கோரிக்கைகள்

நீங்கள் JSON பதிலை எதிர்பார்க்கும் API கோரிக்கைகளை மாக் செய்ய, நீங்கள் செய்ய வேண்டியதெல்லாம், நீங்கள் ரிட்டர்ன் செய்ய விரும்பும் ஒரு தன்னிச்சையான ஆப்ஜெக்டுடன் மாக் ஆப்ஜெக்டைrespond அழைக்க வேண்டும், எ.கா.:

const mock = await browser.mock('https://todo-backend-express-knex.herokuapp.com/')

mock.respond([{
    title: 'Injected (non) completed Todo',
    order: null,
    completed: false
}, {
    title: 'Injected completed Todo',
    order: null,
    completed: true
}], {
    headers: {
        'Access-Control-Allow-Origin': '*'
    },
    fetchResponse: false
})

await browser.url('https://todobackend.com/client/index.html?https://todo-backend-express-knex.herokuapp.com/')

await $('#todo-list li').waitForExist()
console.log(await $$('#todo-list li').map(el => el.getText()))
// outputs: "[ 'Injected (non) completed Todo', 'Injected completed Todo' ]"

சில மாக் ரெஸ்பான்ஸ் பேராம்ஸ்களில் பின்வருவனவற்றை அனுப்புவதன் மூலம் நீங்கள் ரெஸ்பான்ஸ் headersகளையும் ஸ்டேட்டஸ் கோடையும் மாற்றலாம்:

mock.respond({ ... }, {
    // respond with status code 404
    statusCode: 404,
    // merge response headers with following headers
    headers: { 'x-custom-header': 'foobar' }
})

மாக்கானது பின்தளத்தை அழைக்கவே கூடாது என நீங்கள் விரும்பினால், fetchResponse பிளாகிற்கு false அனுப்பலாம்.

mock.respond({ ... }, {
    // do not call the actual backend
    fetchResponse: false
})

தனிப்பயன் பதில்களை ஃபிக்சர் பைல்களில் சேமிக்க பரிந்துரைக்கப்படுகிறது, எனவே அவற்றை உங்கள் டெஸ்டில் பின்வருமாறு தேவைப்படுத்தலாம்:

// requires Node.js v16.14.0 or higher to support JSON import assertions
import responseFixture from './__fixtures__/apiResponse.json' assert { type: 'json' }
mock.respond(responseFixture)

மாக் டெக்ஸ்ட் ரிசோர்சுகள்

JavaScript, CSS பைல்கள் அல்லது பிற டெக்ஸ்ட் அடிப்படையிலான ரிசோர்சுகளை நீங்கள் மாற்ற விரும்பினால், நீங்கள் ஒரு பைல் பாத்தில் பாஸ் செய்யலாம் மற்றும் WebdriverIO அசல் ரிசோர்சை அதனுடன் மாற்றும், எ.கா.:

const scriptMock = await browser.mock('**/script.min.js')
scriptMock.respond('./tests/fixtures/script.js')

// or respond with your custom JS
scriptMock.respond('alert("I am a mocked resource")')

வலை ரிசோர்சுகளை திருப்பி விடவும்

நீங்கள் விரும்பிய பதில் இணையத்தில் ஏற்கனவே ஹோஸ்ட் செய்யப்பட்டிருந்தால், வலை ரிசோர்சை மற்றொரு வலை ரிசோர்சுடன் மாற்றலாம். இது தனிப்பட்ட பக்க ரிசோர்சுகளுடனும் இணையப் பக்கத்துடனும் வேலை செய்கிறது, எ.கா.:

const pageMock = await browser.mock('https://google.com/')
await pageMock.respond('https://webdriver.io')
await browser.url('https://google.com')
console.log(await browser.getTitle()) // returns "WebdriverIO · Next-gen browser and mobile automation test framework for Node.js"

டைனமிக் ரெஸ்பான்செஸ்

உங்கள் மாக் பதில் அசல் ரிசோர்ஸ் பதிலைச் சார்ந்து இருந்தால், நீங்கள் ஒரு செயல்பாட்டில் பாஸ் செய்வதன் மூலம் ரிசோர்சை மாறும் வகையில் மாற்றலாம், அசல் ரெஸ்பான்சை பேராமீட்டராகப் பெறுகிறது மற்றும் திரும்ப மதிப்பின் அடிப்படையில் மாக்கை அமைக்கிறது, எ.கா.:

const mock = await browser.mock('https://todo-backend-express-knex.herokuapp.com/', {
    method: 'get'
})

mock.respond((req) => {
    // replace todo content with their list number
    return req.body.map((item, i) => ({ ...item, title: i }))
})

await browser.url('https://todobackend.com/client/index.html?https://todo-backend-express-knex.herokuapp.com/')

await $('#todo-list li').waitForExist()
console.log(await $$('#todo-list li label').map((el) => el.getText()))
// returns
// [
//   '0',  '1',  '2',  '19', '20',
//   '21', '3',  '4',  '5',  '6',
//   '7',  '8',  '9',  '10', '11',
//   '12', '13', '14', '15', '16',
//   '17', '18', '22'
// ]

மாக்குகளை கைவிடுதல்

தனிப்பயன் பதிலைத் தருவதற்குப் பதிலாக, பின்வரும் HTTP பிழைகளில் ஒன்றைக் கொண்டு கோரிக்கையை நிறுத்தலாம்:

• Failed
• Aborted
• TimedOut
• AccessDenied
• ConnectionClosed
• ConnectionReset
• ConnectionRefused
• ConnectionAborted
• ConnectionFailed
• NameNotResolved
• InternetDisconnected
• AddressUnreachable
• BlockedByClient
• BlockedByResponse

உங்கள் செயல்பாட்டு டெஸ்டுகளில் எதிர்மறையான தாக்கத்தை ஏற்படுத்தும் மூன்றாம் தரப்பு ஸ்கிரிப்டை உங்கள் பக்கத்திலிருந்து தடுக்க விரும்பினால் இது மிகவும் பயனுள்ளதாக இருக்கும். abort அல்லது abortOnceஅழைப்பதன் மூலம் நீங்கள் ஒரு மாக்கை நிறுத்தலாம், எ.கா.:

const mock = await browser.mock('https://www.google-analytics.com/**')
mock.abort('Failed')

ஸ்பைகள்

ஒவ்வொரு மாக்கும் தானாகவே ஒரு ஸ்பையாகும், அது அந்த ரிசோர்சிற்கு பிரௌசர் செய்த கோரிக்கைகளின் அளவைக் கணக்கிடுகிறது. நீங்கள் தனிப்பயன் பதிலைப் பயன்படுத்தாவிட்டால் அல்லது மாக்கிற்கான காரணத்தை நிறுத்தினால், நீங்கள் வழக்கமாகப் பெறும் இயல்புநிலைப் பதிலுடன் அது தொடரும். இது பிரௌசர் எத்தனை முறை கோரிக்கையை வைத்தது என்பதைச் சரிபார்க்க உங்களை அனுமதிக்கிறது, எ.கா. குறிப்பிட்ட API எண்டு பாயிண்டிற்கு.

const mock = await browser.mock('**/user', { method: 'post' })
console.log(mock.calls.length) // returns 0

// register user
await $('#username').setValue('randomUser')
await $('password').setValue('password123')
await $('password_repeat').setValue('password123')
await $('button[type="submit"]').click()

// check if API request was made
expect(mock.calls.length).toBe(1)

// assert response
expect(mock.calls[0].body).toEqual({ success: true })