gapi

Proyek GAPI yang tidak ditinjau

Proyek ini bertujuan untuk membuat kode sumber GAPI (https://apis.google.com/js/api.js) yang dapat dibaca dan dimengerti.

Mengapa?

1. Untuk membuat definisi tipe yang akurat untuk TypeScript (contoh: @type/gapi.client, @type/gapi)
2. Untuk membuat klon yang lebih dioptimalkan yang akan didistribusikan melalui NPM

Temuan saat ini

• api.js hanya mendefinisikan satu metode publik: gapi.load
• gapi.load Menerima libraries dan Argumen callbackOrConfig , seperti yang didokumentasikan, tetapi callbackOrConfig juga memiliki properti yang tidak berdokumen: config
• Metode gapi.client didefinisikan di pustaka client yang sedang dimuat oleh gapi.load

Pendekatan saat ini

1. Mempercantik kode
2. GO line-by-line
3. Membuat garis itu lebih mudah dibaca dan lebih mudah dipahami
4. Tinggalkan baris asli dikomentari untuk referensi di masa mendatang
5. Ubah nama semua variabel yang lebih baru (satu huruf, dll.)
6. Saat mengganti nama variabel, lakukan itu di ALL_CAPS yang diawali dengan __UM__ , seperti gapi.__UM__SOME_UNIX_TIME_NUMBER

Langkah selanjutnya

1. Cobalah untuk menulis ulang skrip ini dan pastikan itu berhasil
2. Mungkin menambahkan tes unit untuk memastikan bahwa kami memiliki pemahaman yang baik tentang bagaimana semua bagian bekerja
3. Coba tambahkan naskah, mungkin membuat penulisan ulang lebih mudah karena kita tidak perlu mengingat apa yang dilakukan/dikandung variabel itu

Pengujian

Perbandingan Kinerja

Diukur dengan menambahkan skrip api.js , memuat client lib dan mengembalikan gapi ke skrip pengujian utama.

• jsdom - Cepat (1 detik), perbedaan kecil dari Chrome
• puppeteer - cepat (1 detik), menggunakan chrome
• selenium dengan krom tanpa kepala - paling lambat (4 detik), menggunakan chrome
• gjstest - tidak bisa membangun

Kesimpulan: Gunakan puppeteer karena cepat dan menggunakan Chrome.