බ්රවුසර පරීක්ෂණයන් බොහොමයක් තවමත් “පිටුව ඇරියලා, ලෝඩ් වෙන්න ඉන්න, UI එකේ අවසාන තත්ත්වය පරීක්ෂා කරන්න” යන සරළ මනෝදෘශ්යයක් මත රචනා කරයි. ඒක පරණ වෙබ් පිටු සම්පූර්ණ HTML ලේඛන වශයෙන් ලෝඩ් වෙද්දී, JavaScript එකක් පමණක් අතුරු ක්රියාකාරකම් එකතු කරනු ලැබූ අවස්ථාවට හොඳින් වැඩ කළා.
අද කාලයේ Frontend ඉදිරිපත් කිරීමේ ආකාරය වෙනස්. පිටුවක් පෙන්වෙන්න පුළුවන්, නමුත් එය තවමත් ක්රියාකාරී නොවෙයි. කොම්පොනන්ට් එකක් ත්රිත්වයක් වාරයක් රෙන්ඩර් කරලා පසු පළමු ස්ථාවරය ගන්නවා. පාඨය බොත්තම් වලට පෙර පෙන්විය හැක, skeleton එකක් අතුරුදන් වෙද්දී ඇත්තේ තවමත් ගණනය කරමින් සිටින අන්තර්ගතයක්. Route එකක් මාරු වීමේදී පූර්ව පිටුව DOM තුළ කීප ශතක මිලිසෙකන්ඩ් තවත් රැඳෙයි. තේමා (theme) මතකයෙන් (hydration) පසු යෙදෙන විට කෙටි කාලයක් වැරදි වර්ණ පෙන්වයි.
ඉතින් “පිටුව සූදානම්” කියන එක තනි මොහොතක් නොමැත. මේ නිසා CI පරීක්ෂණ වල සෞඛ්යය හොඳයි කියලා පෙනුනත්, පරිශීලකයින් තවත් flicker, focus ගැටලුව, පැරණි අන්තර්ගතය, හෝ මාරු වෙමින් පවතින අංග මත ක්ලික් වීම වැනි ගැටලු වාර්තා කරනවා.
ලෝඩ් තත්ත්වයන් තාවකාලික විස්තරයක් ලෙස සලකා බලන කණ්ඩායම් බොහෝ. නමුත් පරිශීලකයාට එය තාවකාලික නොවේ. මන්දගාමී උපාංගයක් භාවිතා කරන කෙනෙකුට skeleton තිරයක් තත්පර කිහිපයක් දැකීමට සිදුවේ. Server‑rendered පිටුවක් විවෘත කරන අයෙක් hydration අවසන් වීමට පෙර ක්ලික් කරයි. Reduced‑motion ප්රියතමයන්ට වෙනත් transition පථයක් ලැබේ. පසුපස local storage කියවෙන තෙක් වැරදි තේමා පෙන්වෙයි. මේ සියල්ල කෙටි කාලීනවත්, නමුත් නිෂ්පාදනයේ වැදගත් තත්ත්වයන්ය.
ශ්රී ලංකාවට ඇති වැදගත්කම
ශ්රී ලංකාවේ තාක්ෂණික ශිෂ්යයින්, සංවර්ධකයින් සහ ව්යාපාරිකයන්ට මේ පරීක්ෂණ ආකාරයේ පරිවර්තනය වඩාත් වැදගත්. පළමුව, UI testing වල නව සංකල්පය ඉගෙන ගැනීම මඟින් සාර්ථක වෙබ් යෙදුම් නිර්මාණය වේ. දෙවනුව, skeleton screen, hydration mismatch වැනි නව තත්ත්වයන් හඳුනා ගැනීමෙන් පාරිභෝගික අත්දැකීමේ ගැටළු අඩු කරයි. තුන්වෙනි, CI/CD පයිප්ලයින් වල ස්ථායිකරණය වැඩි කර, දෝෂ හඳුනා ගැනීමේ වේගය ඉහළ යයි. මෙය විශේෂයෙන්ම තාක්ෂණික ආරම්භක ව්යාපාරවලට, වෙබ් ඇප්ලිකේෂන් පවත්වාගෙන යන සමාගම්වලට, සහ පළපුරුදු සංවර්ධකයින්ට ලාභදායී.
අවසන් වශයෙන්, “පිටුව දැකිය හැකි” සහ “පිටුව ස්ථායි” අතර වෙනස අවබෝධ කරගැනීම, ස්වයංක්රීය පරීක්ෂණයේ නව මට්ටමක් ගොඩනැගීමට මඟ පෙන්වයි. අර්ථවත් තත්ත්වයක් (loading marker අතුරුදන් වීම, network request සම්පූර්ණ වීම) බලා සිටීම, ස්ථායි UI එකක් සමඟ පරීක්ෂා කිරීම, අනාගතයේ වැඩි විශ්වාසනීය Frontend පද්ධති නිර්මාණයට පදනම වේ.
