diff --git a/resources/cider-ui-tests/index.html b/resources/cider-ui-tests/index.html
index 30edf0d2..425a60d3 100644
--- a/resources/cider-ui-tests/index.html
+++ b/resources/cider-ui-tests/index.html
@@ -245,6 +245,23 @@
                         </div>
                     </template>
                 </transition>
+                <!-- Library - Albums -->
+                <transition name="wpfade" v-on:enter="getLibraryAlbums()">
+                    <template v-if="page == 'library-albums'">
+                        <div class="content-inner">
+                            <h1 class="header-text">Albums</h1>
+                            <div class="search-input-container" style="width:100%;margin: 16px 0px;">
+                                <div class="search-input--icon"></div>
+                                <input type="search"
+                                       style="width:100%;"
+                                       spellcheck="false"
+                                       placeholder="Search..."
+                                       class="search-input">
+                            </div>
+                            <mediaitem-square-large :item="item" v-for="item in library.albums.listing"></mediaitem-square-large>
+                        </div>
+                    </template>
+                </transition>
             </div>
             <div class="app-drawer" v-if="drawertest">
 
@@ -278,6 +295,8 @@
             <template v-if="recom.attributes.display.kind == 'MusicCoverShelf'">
                 <mediaitem-scroller-horizontal-large :items="recom.relationships.contents.data.limit(10)"></mediaitem-scroller-horizontal-large>
             </template>
+            <template v-else-if="recom.attributes.display.kind == 'MusicSuperHeroShelf'">
+            </template>    
             <template v-else>
                 <mediaitem-scroller-horizontal-sp :items="recom.relationships.contents.data.limit(10)"></mediaitem-scroller-horizontal-sp>    
             </template>
diff --git a/resources/cider-ui-tests/index.js b/resources/cider-ui-tests/index.js
index fe23108b..34836e4e 100644
--- a/resources/cider-ui-tests/index.js
+++ b/resources/cider-ui-tests/index.js
@@ -108,7 +108,11 @@ const app = new Vue({
             songs: {
                 listing: [],
                 meta: {total: 0}
-            }
+            },
+            albums: {
+                listing: [],
+                meta: {total: 0}
+            },
         },
         playlists: {
             listing: [],
@@ -167,6 +171,11 @@ const app = new Vue({
             this.library.songs.listing = response.data
             this.library.songs.meta = response.meta
         },
+        async getLibraryAlbums() {
+            var response = await this.mkapi("albums", true, "", {limit: 100}, {includeResponseMeta: !0})
+            this.library.albums.listing = response.data
+            this.library.albums.meta = response.meta
+        },
         async getListenNow(attempt = 0) {
             if (attempt > 3) {
                 return