README.md

# 1606889830-practice

Luthfi Dzaky Saifuddin - 1606889830 - Computer Science 2016 - PMPL B - Practice Repo

## URL

http://pmpl-luthfi.herokuapp.com

# Tutorial

## Tutorial 1 (DONE)
## Tutorial 2 (DONE)
forgot squash commit
## Tutorial 3 Explanation (DONE)

### Isolation Test
Pada tutorial 3 kali ini, dijelaskan mengenai <i>isolation test</i>, dimana seharusnya sebuah tes berjalan secara <b>independen</b>. Pada tutorial sebelumnya ketika kita menjalankan <i>functional test</i>. Kita harus menghapus `db.sqlite3` terlebih dahulu karena masih tersimpan data pada <i>functional test</i> sebelumnya.

<i>Isolation test</i> salah satunya dapat menggunakan `LiveServerTestCase`. Salah satu <i>tools</i> dari `Django` yang memungkinkan pembuatan Django Server ketika `setUp()` dan mematikannya ketika `tearDown()`. Dengan <i>tools</i> tersebut, memungkinkan kita melakukan <i>isolation test</i> karena setiap <i>test</i> yang kita lakukan akan selalu membuat Django Server yang baru. Kita sendiri dapat mengatur <i>port</i> yang akan digunakan. Contohnya ketika kita ingin menggunakan <i>port</i> 8333.

```python
./manage.py test --liveserver=localhost:8333
```
### Additional Information

Selain mengenai `isolation test` diatas, ada dua perubahan mengenai desain kode lama dan desain kode pada latihan kali ini.

Pertama, `functional test` pada latihan kali ini sudah diubah menjadi sebuah <i>app</i>. Jadi untuk menjalankan seluruh <i>test</i> cukup menggunakan kode berikut:
```python
python manage.py test
```
![Foto 1](https://i.ibb.co/0FPLpq8/line-20190928-212714.jpg)

Kedua, pada latihan sebelumnya setiap kali kita menjalankan sebuah `functional test`, setiap input yang diberikan kita akan memberi waktu eksplisit dengan `time.sleep(1)`. Namun, hal tersebut dapat berdampak pada dua hal, yaitu:
* Waktu yang digunakan terlalu cepat, sehingga menimbulkan `NoSuchElementException` atau `StateElementException`
* Waktu yang digunakan terlalu lama, hal tersebut membuat `functional test` berjalan lama.

Pada latihan kali ini menggunakan konsep `try-catch` dimana ketika tiap `time.sleep(0.5)` akan mengecek apakah elemen yang dicari ada atau tidak. Jika sudah mencapai `threshold` yang ditentukan (pada latihan ini 10 detik), maka akan langsung menimbulkan error.
![Foto 2](https://i.ibb.co/dBrHJSq/line-20190928-212737.jpg)

## Tutorial 4 (DONE)

[Bab 7]
Pada tutorial 4 kali ini, mempelajari bagaimana seharusnya sebuah program
dibuat secara bertahap. TDD membantu kita untuk bekerja secara bertahap
dengan cara memastikan setiap fitur yang kita buat sebelumnya tidak
menjadi rusak dengan penambahan fitur yang kita tambahkan. 

[Bab 8]
Selain itu, tutorial ini saya juga mengimplementasikan styling dengan <b>SCSS</b>
dan juga mengimplementasikannya pada tahap Deployment. Saya juga menggunakan `base.html` 
sebagai cara untuk tidak mengulangi suatu kode yang sama.   

Kemudian, saya juga belajar untuk melakukan testing pada bentuk
layout. Sehingga bisa memastikan apakah style yang saya gunakan (dengan <b>SASS</b>)
berhasil masuk. Untuk file yang saya gunakan adalah `home1.scss` sedangkan
jika saya menggunakan `home2.scss` akan menimbulkan `functional test` error
karena pada test tersebut saya mengecek layout apakah card berada di tengah atau tidak.
Ada perubahan pada `functional_test` dimana saya harus memakai
`StaticLiveServerTestCase` untuk mengetes layout karena ketika saya menggunakan
`LiveServerTestCase` style yang saya gunakan tidak tampil. Namun, penggunaannya tetap sama.