Ik maak hiervan één zelfstandige, mobiele index.html met volledig contactbeheer, uitgebreide velden, foto’s, groepen/profielen, berichtstudio en import/export voor Google CSV, Outlook CSV, vCard, JSON, TXT, Word, PDF en WhatsApp. Ik gebruik de Library-werkwijze omdat dit een blijvend, herbruikbaar bestand wordt; de drie aangeleverde contactbestanden gebruik ik alleen om de importcompatibiliteit te controleren.
Las bibliotheekvaardigheden en analyseerde CSV- en VCF-bestanden
De voorbeeldbestanden bevestigen precies de drie indelingen die we moeten ondersteunen: Google Contacts (31 kolommen), Outlook (67 kolommen) en Apple/iOS vCard 3.0 met gelabelde telefoons, e-mails, websites, verjaardag en notities. Ik bouw de import daarom op veldherkenning, zodat gegevens niet tot alleen naam/telefoon/e-mail worden teruggebracht.
De eerste complete versie staat. Nu controleer ik niet alleen de syntax, maar ook echte browserhandelingen: openen, contact toevoegen/bewerken/verwijderen, selectie, berichtpersonalisatie, herstartopslag en import van alle drie de aangeleverde formaten.
Doorzocht en getest: functies, browser, JavaScript, HTML en exports
De JavaScript-syntax is nu schoon. De ingebouwde browsertestomgeving heeft hier geen browserbinary, dus ik schakel over op gerichte functietests voor de drie importers en alle exportstructuren; daarna doe ik nog een statische controle op knoppen, dialogen en opslagroutes.