ඔබේ වෙබ් යෙදුමට නව UI එකක් එක් කළාම, PR එකක් merge කර production එකට deploy කරලා, දෙදිනකට පසු product manager එක “ග්රාහක පිටුවේ අගෝස්තු 2 වෙනකොට කුමන වෙනස්කම් සිදු වුණා?” කියලා අහනවා. ඒ වෙලාවේ Git log එකේ code වෙනස්කම් පමණක් පෙන්වයි, පරිශීලකයාට දැකපු මුල් පිටුවේ පෙනුම නොවේ.
මෙවැනි අවස්ථාවන්ට “visual changelog” එකක් උපකාරී වේ. Deploy එකක් සම්පූර්ණ වූ පසු, ඔබ තෝරාගත් වැදගත් URL ලැයිස්තුවකට පිවිසි, ඒ පිටු වල screenshot එකක් ගෙන timestamp, Git commit hash, deploy environment වැනි metadata සමඟ සුරකින්න. එවිට ඕනම වේලාවක, “දැනටමත් ත්රිත්ව deploy කාලයට පෙර homepage එක කොහොම හිටියා?” කියලා පළපුරුදු විමසුමක් මිනිත්තු කිහිපයක් තුළ සොයාගත හැක.
මෙම ක්රියාවලිය සරල Node.js script එකක් භාවිතා කර සිදු කළ හැක. Playwright library එකෙන් Chromium browser එකක් ආරම්භ කර, නිරූපිත viewport (1440×900) තුළ ඔබේ වෙබ් පිටු ගමන් කර, full‑page screenshot එකක් ගනී. සෑම පිටුවක්ම capture කිරීමෙන් පසු, commit hash සහ timestamp ඇතුළත් meta.json ගොනුවක් එකතු කර, සියල්ල “changelog” ෆෝල්ඩරයට සුරකින්න.
කොහොමද මේක CI pipeline එකේ එක් කරනවා? GitHub Actions workflow එකේ post‑deploy hook එකක් ලෙස node script එක run කර, environment variable GIT_COMMIT එකට ${{ github.sha }} යොදා දෙන්න. ඒත් මෙහෙම local browser එකක් ධාවනය කිරීමේදී මතක, font rendering, flaky waits වැනි ගැටළු පැනේ. Ubuntu CI runner එකේ screenshot එකේ fonts macOS හෝ Windows වලට වඩා වෙනස් වීම නිසා false diff එකක් ලැබෙයි.
මෙම අඩුපාඩු ඉවත් කිරීමට, screenshot API (උදාහරණයක් ScreenshotRun) භාවිතා කරමින් script එක සරල කරගත හැක. API එකට URL, width, height, full_page පරාමිතීන් යවා, authorization key එකක් සමඟ request එකක් එවා screenshot binary එක ලබා ගනී. මෙයින් browser management අවශ්ය නොවේ, rendering එක සමාන වේ, wait logic එක API එක විසින් සලසා දෙයි. වියදම් අඩු නොවූවත්, changelog එකට ගතවන screenshot ගණන අඩු නම්, මේක ඉතා ප්රයෝජනවත්.
ශ්රී ලංකාවට ඇති වැදගත්කම
ශ්රී ලංකාවේ තරුණ සංවර්ධකයින්ට visual changelog එකක් නිර්මාණය කිරීමේ හැකියාව, නිෂ්පාදන කාලය ඉක්මවා යාමට, QA කාර්යයන් අඩු කිරීමට සහ stakeholder ලාට නිශ්චිත UI වෙනස්කම් පෙන්වීමට ඉඩ සලසයි. කණ්ඩායම් අතර communication වැඩි දියුණු කර, දෝෂ හඳුනාගැනීමේ කාලය මිනිත්තු කිහිපයකට කෙටි කරයි. ව්යාපාරිකව, ගනුදෙනුකරුවන්ට නවතම UI අංගයන් පල කරන විට, “මෙම වෙනස්කම කවදාද?” කියලා පාරිභෝගික support කණ්ඩායමට තොරතුරු ලබා දීම අඩු වෙයි, එමඟින් සේවා තත්ත්වය උසස් වේ.
ඉදිරියේදී, ශ්රී ලංකාවේ startups සහ IT සමාගම් මේ තාක්ෂණය භාවිතා කර, නිෂ්පාදන නවීකරණය තවත් ස්පර්ශකාරී, පාරදර්ශී සහ විශ්වාසදායක කරගත හැක.
දෘශ්ය changelog එකක් ඔබේ deployment pipeline එකට එක් කර, අනාගතයේ අතුරුදන් වූ UI වෙනස්කම් සොයා ගැනීමේ ගැටළුවට නිසි විසඳුමක් ලබා ගන්න.
