feat(episode): store hidden show in localstorage #10

rudywaltz · May 30, 2019 · fc2a4b5 · fc2a4b5
1 parent fe5a423
commit fc2a4b5
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 5 deletions.
diff --git a/cypress/integration/episode.js b/cypress/integration/episode.js
@@ -32,6 +32,9 @@ describe('episode', () => {
     cy.get('.archive > :nth-child(1) .episode__add_playlist').click();
     cy.get('.archive > :nth-child(1) .episode__add_playlist')
       .contains('Remove from Playlist');
+    cy.get('.archive > :nth-child(2) .episode__add_playlist').click();
+    cy.get('.archive > :nth-child(2) .episode__add_playlist')
+      .contains('Remove from Playlist');
     cy.get('.archive > :nth-child(1) .episode__add_playlist').click();
     cy.get('.player__toggle_playlist').click()
     cy.get('.playlist')
@@ -44,4 +47,29 @@ describe('episode', () => {
       expect($page).to.not.contain('Tilos Hírek');
     });
   })
+
+  it('should store hidden show list in localstorage', () => {
+    cy.get('.archive > :nth-child(3) .episode__hide_artist').click().should(() => {
+      expect(JSON.parse(localStorage.getItem('tilosStorehiddenShows')))
+        .to.deep.equal(['5480cee86dab254449a7cc7c']);
+    });
+  })
+
+  describe('localstorage', () => {
+    beforeEach(()=> {
+      cy.visit('/archive', {
+        onBeforeLoad: (contentWindow) => {
+          contentWindow.localStorage.clear();
+          contentWindow.localStorage
+            .setItem('tilosStorehiddenShows', JSON.stringify(['5480cee86dab254449a7cc7c']))
+        }
+      })
+    })
+
+    it('load data', () => {
+      cy.get('.archive').should($page => {
+        expect($page).to.not.contain('Tilos Hírek');
+      });
+    })
+  })
 });
diff --git a/src/client.js b/src/client.js
@@ -1,11 +1,14 @@
 import * as sapper from '@sapper/app';
-import { playlist, song } from './components/stores';
+import { playlist, song , hiddenShows } from './components/stores';
 import { loadFromLocalStorage, saveToLocalStorage } from './use-local-storage.js';
 
 
 loadFromLocalStorage(song, 'tilosStoreSong');
 loadFromLocalStorage(playlist, 'tilosStorePlaylist');
+loadFromLocalStorage(hiddenShows, 'tilosStorehiddenShows');
+
 saveToLocalStorage(playlist, 'tilosStorePlaylist');
+saveToLocalStorage(hiddenShows, 'tilosStorehiddenShows');
 
 
 sapper.start({

diff --git a/src/components/Episode.svelte b/src/components/Episode.svelte
@@ -7,7 +7,7 @@
   export let text;
   export let showId;
 
-  $: isInPlaylist = !!$playlist.find(song => song.url === mp3) || $song.url === mp3; // TODO or song?
+  $: isInPlaylist = !!$playlist.find(song => song.url === mp3) || $song.url === mp3;
   $: hide = $hiddenShows.indexOf(showId) > -1;
 
   const playlistToggle = () => {

diff --git a/src/components/Player.svelte b/src/components/Player.svelte
@@ -30,8 +30,6 @@
 
   onDestroy(unsubscribe);
 
-
-
   const createCurrentSong = () => {
     const playing1 = playing;
     return new Howl({
@@ -117,7 +115,6 @@
 
     const target = event.target.getBoundingClientRect();
     const position = event.pageX - target.left;
-    console.log('posi', position)
 
     const rate  = position / target.width;
     currentSound.seek(rate * duration);