मुख्य सामग्री पर जाएं

कुकम्बर व्यूपोर्ट लॉगर सर्विस

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 टेस्ट को गहराई से डिबग करने के लिए इंटरैक्टिव सेशन सेट करने की संभावना न हो।

demo

Quick Start

पैकेज इंस्टॉल करें:

npm install wdio-cucumber-viewport-logger-service --save-dev

अपने services कॉन्फिग सेक्शन में सर्विस जोड़ें, उदाहरण के लिए:

  services: [
//...
'cucumber-viewport-logger',
//...
]

Service options

OptionDescriptionTypeDefault value
numberOfStepsव्यूपोर्ट पर मौजूद होने वाले स्टेप्स की संख्याnumber3
enabledसेवा को सक्षम/अक्षम करेंbooleantrue
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' },
},
},]
]
// ...
};

Welcome! How can I help?

WebdriverIO AI Copilot