feat(playlist): clear playlist #8

rudywaltz · Mar 3, 2019 · 83c493f · 83c493f
1 parent 995e83c
commit 83c493f
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/cypress/integration/playlist.js b/cypress/integration/playlist.js
@@ -57,4 +57,19 @@ describe('player', () => {
     })
   })
 
+  it('clear playlist', () => {
+    cy.get('.playlist__clear')
+      .click();
+
+    cy
+      .get('.playlist')
+      .contains('Choose one song');
+
+      cy.window()
+        .its('store')
+        .then(store => {
+          const { playlist } = store.get();
+          expect(playlist).to.be.empty;
+        })
+  })
 });
diff --git a/cypress/support/commands.js b/cypress/support/commands.js
@@ -12,6 +12,6 @@ Cypress.Commands.add("setStorage", (key, value) => {
   cy.window()
     .its('store')
     .then(store => {
-    store.set({ [key]: value })
+      store.set({ [key]: value })
   })
 })
diff --git a/src/components/Playlist.html b/src/components/Playlist.html
@@ -1,4 +1,5 @@
 <h2>Playlist</h2>
+<button type="button" class="playlist__clear" on:click="clearStore()">Clear</button>
 <ul class="playlist">
   {#each $playlist as song}
     <li class="song">
@@ -16,6 +17,12 @@ <h3 class="song__title">{ song.title }</h3>
   export default {
     helpers: {
       format
+    },
+
+    methods: {
+      clearStore: function() {
+        this.store.set({ playlist: [] });
+      }
     }
   }
 </script>