राज्य तर्क चाचणी केल्यामुळे तुमचे राज्य संक्रमण आणि अद्यतने योग्य आहेत याचे आत्मविश्वास वाढते. रणनीती कसे तर्क संरचित आहे यावर अवलंबून असते — शुद्ध कार्ये (reducer) चाचणी करणे सर्वात सोपे आहे, म्हणून चांगले आर्किटेक्ट केलेले राज्य देखील चांगले चाचणीयोग्य राज्य आहे.
(, {
(, {
initial = [];
next = (initial, { : , : { : , : } });
(next).([{ : , : }]);
(initial).([]);
});
});
कारण reducer शुद्ध कार्ये आहेत, तुम्ही फक्त त्यांना इनपुट सह कॉल करा आणि आउटपुटचा दावा करा — कोणतेही रेंडरिंग नाही, कोणतेही मॉकिंग नाही, वेगवान आणि निर्धारणीय. हा कारण आहे कि शुद्ध-reducer नमुना इतका मूल्यवान का आहे.
it("selects the cart total", () => {
const state = { cart: { items: [{ price: 10 }, { price: 5 }] } };
expect(selectCartTotal(state)).toBe(15);
});
import { renderHook, act } from "@testing-library/react";
it("increments", () => {
const { result } = renderHook(() => useCounter());
act(() => result.current.increment()); // act wraps state updates
expect(result.current.count).toBe(1);
});
renderHook + act तुम्हाला हुक/स्टोअर स्थितीच्या तर्क को अलगीकरण मध्ये चाचणी करण्यास परवानगी देते.
import { render, screen, fireEvent } from "@testing-library/react";
it("shows the count after clicking", () => {
render(<Counter />);
fireEvent.click(screen.getByRole("button"));
expect(screen.getByText("1")).toBeInTheDocument(); // assert the rendered RESULT
});
वापरकर्ता काय पाहतो/करतो (वर्तन) त्याची चाचणी करा, अंतर्नहित तपशील नाही — जेणेकरून रिफॅक्टर चाचण्या खराब न करतील.
// mock fetch/API (e.g. MSW), then assert loading → success/error transitions
it("handles fetch error → error state", async () => { ... });
लोडिंग/सफलता/त्रुटी संक्रमण निर्धारणीयपणे चाचणी करण्यासाठी MSW किंवा mock वापरा.
Reducers/selectors/pure logic → unit test thoroughly (cheap, high value)
Component behavior → integration test key user flows
Async flows → test transitions with mocked APIs
Don't test framework internals or trivial setters
राज्य बग सर्वात प्रभावशाली असणारे काही आहेत, त्यामुळे राज्य तर्क चाचणी उच्च-मूल्य आहे.
महत्वाचे म्हणजे, सुचारू रीत्या संरचित राज्य अंतर्भूतपणे चाचणीयोग्य आहे: शुद्ध reducer आणि selector युनिट चाचण्यासाठी सामान्य आहेत (कोणतेही mock नाही, निर्धारणीय), जो त्या आर्किटेक्चरसाठी एक मजबूत तर्क आहे.
Reducer/selector थेट चाचणी करणे, renderHook सह हुक, वापरकर्ता-दृश्यमान वर्तन सह घटक, आणि मॉक केलेले नेटवर्क सह असिंक्रोनस प्रवाह — जरी नाजूक अंतर्नहित-तपशील चाचणी टाळताना — विश्वसनीय कव्हरेज प्रदान करते ज्या तर्क सूक्ष्म बग कारण बनण्यास संभव आहे.