old_contents: import Home from '@/components/main-wrapper/main-content/home.vue'
  import AlbumItem from '@/components/shared/album-item.vue'
  import ArtistItem from '@/components/shared/artist-item.vue'
  import HomeSongItem from '@/components/shared/home-song-item.vue'
  import factory from '@/tests/factory'
  import { event } from '@/utils'
  
  describe('components/main-wrapper/main-content/home', () => {
    let data
    beforeEach(() => {
      const artists = factory('artist', 5, {
        songs: factory('song', 3),
        albums: factory('album', 2)
      })
  
      data = {
        recentSongs: factory('song', 7),
        top: {
          artists,
          songs: factory('song', 4),
          albums: factory('album', 6)
        },
        recentlyAdded: {
          albums: factory('album', 3),
          songs: factory('song', 10)
        }
      }
    })
  
    it('displays all sections', () => {
      const wrapper = mount(Home)
      wrapper.setData(data)
  
      wrapper.find('h1.heading span').text().should.not.be.empty
      wrapper.find('.top-song-list').findAll(HomeSongItem).should.have.lengthOf(4)
      wrapper.find('.recent-song-list').findAll(HomeSongItem).should.have.lengthOf(7)
  
      const recentlyAddedSection = wrapper.find('.recently-added')
      recentlyAddedSection.findAll(AlbumItem).should.have.lengthOf(3)
      recentlyAddedSection.findAll(HomeSongItem).should.have.lengthOf(10)
  
      wrapper.find('.top-artists').findAll(ArtistItem).should.have.lengthOf(5)
      wrapper.find('.top-albums').findAll(AlbumItem).should.have.lengthOf(6)
    })
  
    it('refreshes when a new song is played', () => {
      const wrapper = shallow(Home)
      const refreshDashboardStub = sinon.stub()
      wrapper.refreshDashboard = refreshDashboardStub
      event.emit('song:played')
      refreshDashboardStub.should.have.been.called
    })
  })
  
new_contents: import Home from '@/components/main-wrapper/main-content/home.vue'
  import AlbumItem from '@/components/shared/album-item.vue'
  import ArtistItem from '@/components/shared/artist-item.vue'
  import HomeSongItem from '@/components/shared/home-song-item.vue'
  import factory from '@/tests/factory'
  import { event } from '@/utils'
  
  describe('components/main-wrapper/main-content/home', () => {
    let data
    beforeEach(() => {
      const artists = factory('artist', 5, {
        songs: factory('song', 3),
        albums: factory('album', 2)
      })
  
      data = {
        recentSongs: factory('song', 7),
        top: {
          artists,
          songs: factory('song', 4),
          albums: factory('album', 6)
        },
        recentlyAdded: {
          albums: factory('album', 3),
          songs: factory('song', 10)
        }
      }
    })
  
    it('displays all sections', () => {
      const wrapper = mount(Home)
      wrapper.setData(data)
  
      wrapper.find('h1.heading span').text().should.not.be.empty
      wrapper.find('.top-song-list').findAll(HomeSongItem).should.have.lengthOf(4)
      wrapper.find('.recent-song-list').findAll(HomeSongItem).should.have.lengthOf(7)
  
      const recentlyAddedSection = wrapper.find('.recently-added')
      recentlyAddedSection.findAll(AlbumItem).should.have.lengthOf(3)
      recentlyAddedSection.findAll(HomeSongItem).should.have.lengthOf(10)
  
      wrapper.find('.top-artists').findAll(ArtistItem).should.have.lengthOf(5)
      wrapper.find('.top-albums').findAll(AlbumItem).should.have.lengthOf(6)
    })
  
    it('refreshes when a new song is played', () => {
      const wrapper = shallow(Home)
      const refreshDashboardStub = sinon.stub()
      wrapper.refreshDashboard = refreshDashboardStub
      event.emit('song:played', factory('song'))
      refreshDashboardStub.should.have.been.called
    })
  })
  
subject: Fix home test