स्टोरीबुक विज़ुअल रिग्रेशन इंस्पेक्टर

सारांश

Loki विज़ुअल रिग्रेशन स्क्रीनशॉट सीधे ब्राउज़र में जाँचें। अंतर हाइलाइट करें, मेट्रिक्स देखें और बिना CLI के हीटमैप निर्यात करें।

कैसे उपयोग करें

1. Loki रन को अनज़िप करें और मिलते-जुलते baseline और latest PNG अपलोड करें।
2. सिग्नल और शोर अलग करने के लिए डिफ़ थ्रेसहोल्ड और हाइलाइट रंग समायोजित करें।
3. हीटमैप की समीक्षा करें, सारांश संख्याएँ कॉपी करें और फ़ीडबैक थ्रेड्स के लिए एनोटेटेड PNG डाउनलोड करें।

उपयोग परिदृश्य

• Pull request मर्ज से पहले स्टोरीबुक विज़ुअल रिग्रेशन डिफ़ अनुमोदित करें।
• डिज़ाइनरों के साथ हीटमैप साझा करें ताकि इच्छित UI बदलाव की पुष्टि हो सके।
• पूर्ण टूलचेन के बिना वर्कस्टेशन पर Loki विफलताओं की तेजी से जाँच करें।

टिप्स और जानकारी

• Baseline और latest स्क्रीनशॉट को समान viewport साइज़ और device pixel ratio पर कैप्चर करें।
• Stories में टाइमस्टैम्प या डायनेमिक डेटा स्थिर करें ताकि फ़ॉल्स पॉज़िटिव कम हों।
• यदि आयाम भिन्न हों तो कैप्चर दोहराएँ ताकि साइन-ऑफ से पहले स्क्रीनशॉट संरेखित रहें।