Preact
Preact React का एक तेज़ 3kB विकल्प है जिसमें समान आधुनिक API है। आप WebdriverIO और इसके ब्राउज़र रनर का उपयोग करके वास्तविक ब्राउज़र में सीधे Preact कंपोनेंट्स का परीक्षण कर सकते हैं।
सेटअप
अपने Preact प्रोजेक्ट में WebdriverIO सेटअप करने के लिए, हमारे कंपोनेंट टेस्टिंग दस्तावेज़ में निर्देशों का पालन करें। अपने रनर विकल्पों में preact
को प्रीसेट के रूप में चुनना सुनिश्चित करें, उदाहरण के लिए:
// wdio.conf.js
export const config = {
// ...
runner: ['browser', {
preset: 'preact'
}],
// ...
}
यदि आप पहले से ही Vite का उपयोग डेवलपमेंट सर्वर के रूप में कर रहे हैं, तो आप अपने WebdriverIO कॉन्फ़िगरेशन में vite.config.ts
में अपने कॉन्फ़िगरेशन का पुन: उपयोग भी कर सकते हैं। अधिक जानकारी के लिए, रनर विकल्प में viteConfig
देखें।
Preact प्रीसेट के लिए @preact/preset-vite
इंस्टॉल किया जाना आवश्यक है। साथ ही हम कंपोनेंट को टेस्ट पेज में रेंडर करने के लिए Testing Library का उपयोग करने की सलाह देते हैं। इसलिए आपको निम्नलिखित अतिरिक्त निर्भरताओं को इंस्टॉल करने की आवश्यकता होगी:
- npm
- Yarn
- pnpm
npm install --save-dev @testing-library/preact @preact/preset-vite
yarn add --dev @testing-library/preact @preact/preset-vite
pnpm add --save-dev @testing-library/preact @preact/preset-vite