कुकम्बर व्यूपोर्ट लॉगर सर्विस
wdio-cucumber-viewport-logger-service is a 3rd party package, for more information please see GitHub | npm
Cucumber Viewport Logger Service for WebdriverIO
यह सेवा आपके WebdriverIO-आधारित समाधान में आपके Cucumber स्टेप्स और अन्य डीबग जानकारी को सीधे आपकी ब्राउज़र विंडो में लॉग करने की संभावना जोड़ती है। यह विशेष रूप से उन मामलों में उपयोगी हो सकता है जहां उपकरणों या वर्चुअल मशीनों तक सीधे भौतिक पहुंच न हो और आपके e2e टेस्ट को गहराई से डिबग करने के लिए इंटरैक्टिव सेशन सेट करने की संभावना न हो।
Quick Start
पैकेज इंस्टॉल करें:
npm install wdio-cucumber-viewport-logger-service --save-dev
अपने services
कॉन्फिग सेक्शन में सर्विस जोड़ें, उदाहरण के लिए:
services: [
//...
'cucumber-viewport-logger',
//...
]
Service options
Option | Description | Type | Default value |
---|---|---|---|
numberOfSteps | व्यूपोर्ट पर मौजूद होने वाले स्टेप्स की संख्या | number | 3 |
enabled | सेवा को सक्षम/अक्षम करें | boolean | true |
styles | लॉगर रैपर, स्टेप कीवर्ड और स्टेप टेक्स्ट के लिए CSS स्टाइल, नीचे उदाहरण देखें | object |
// wdio.conf.js
exports.config = {
// ...
services: [
['cucumber-viewport-logger', {
numberOfSteps: 5,
enabled: process.env.VP_LOGGER === '1', // service will be enabled only when you set `VP_LOGGER` enviroment variable to `1`
// set CSS custom styles for particular elements
styles: {
wrapper: { backgroundColor: 'white' },
keyword: { color: 'red' },
text: {
fontSize: '30px',
color: 'green',
},
closeButton: {
color: 'red',
},
},
},]
]
// ...
};
API
logToViewport(message, styles)
- कस्टम संदेश को कस्टम CSS स्टाइल (अनिवार्य नहीं) के साथ रेंडर करें, आप इसे अपने स्टेप परिभाषाओं में उपयोग कर सकते हैं उदाहरण के लिए:When(/^I render message: "([^"]*)"$/, { timeout: 120000 }, function (message) {
browser.logToViewport(message, { text: { color: 'green' } });
});
removeViewportLogMessage()
- व्यूपोर्ट मैसेज सेक्शन हटाएं, उदाहरण के लिए विजुअल असर्शन करने के लिए उपयोगी हो सकता है
pointerEvents: 'none'
डिफ़ॉल्ट रूप से, सभी माउस इवेंट्स (क्लिकिंग, होवरिंग, आदि) मैसेज सेक्शन के माध्यम से जाते हैं, उदाहरण के लिए: मैसेज सेक्शन पर क्लिक करने के बजाय आपका क्लिक मैसेज के बगल में मौजूद एलिमेंट (आपके ऐप एलिमेंट) तक "पास" हो जाता है, यदि आप इस व्यवहार को बदलना चाहते हैं तो रैपर स्टाइल 'pointerEvents' विकल्प को 'auto' पर सेट करें, उदाहरण:
/ wdio.conf.js
exports.config = {
// ...
services: [
['cucumber-viewport-logger', {
styles: {
wrapper: { pointerEvents: 'auto' },
},
},]
]
// ...
};