Stack3web
diff --git a/‎32-The-Basics-of-Testing/06-movies/test/autocomplete.test.js‎
Lines changed: 15 additions & 2 deletions b/‎32-The-Basics-of-Testing/06-movies/test/autocomplete.test.js‎
Lines changed: 15 additions & 2 deletions
diff --git a/‎32-The-Basics-of-Testing/README.md‎
Lines changed: 7 additions & 0 deletions b/‎32-The-Basics-of-Testing/README.md‎
Lines changed: 7 additions & 0 deletions
@@ -1,4 +1,5 @@
-it('Shows an autocomplete', () => {
+beforeEach(() => {
+  document.querySelectorAll('#target').innerHTML = ''
   createAutoComplete({
     root: document.querySelector('#target'),
     fetchData() {
@@ -10,9 +11,11 @@ it('Shows an autocomplete', () => {
     },
     renderOption(movie) {
       return movie.Title
-    }
+    },
   })
+})
 
+it('Dropdown starts closed', () => {
   const dropdown = document.querySelector('.dropdown')
 
   // no real, we don't have access to the assert library inside of the browser
@@ -23,3 +26,13 @@ it('Shows an autocomplete', () => {
   // Fail the test
   // expect(dropdown.className).to.include('is-active')
 })
+
+it('After searching, dropdown opens up', () => {
+  const input = document.querySelector('input')
+  input.value = 'avengers'
+  input.dispatchEvent(new Event('input'))
+
+    const dropdown = document.querySelector('.dropdown')
+
+    expect(dropdown.className).to.include('is-active')
+})
@@ -47,3 +47,10 @@ Is what we call an expectation library or an assertion library is the library th
 
 https://www.chaijs.com/guide/styles/#expect
 
+
+## 13. 15 Fake DOM Events
+
+`document.querySelector('input').value = 'Avenger'`
+
+Faking the event with mocha
+`document.querySelector('input').dispatchEvent(new Event('input'))`