Attempting to unit test with styled components

style-components.test.js

// Title.js
import styled from 'styled-components'

const Title = styled.h1`
  text-align: center;
  color: green;
`

// Home.js
import Title from 'components/Title'

const Home = () => (
  <div>
    <Title>Home</Title>
  </div>
)

// Home.test.js
describe('<Home />', () => {
  let wrapper

  beforeEach(() => {
    wrapper = shallow(<Home />)
  })

  describe('User Interface', () => {
    it('has a Title displaying Home', () => {
      const title = wrapper.find('Title') // Finds 0 nodes
      console.log(title.debug()) // Nothing
      expect(title.text()).toEqual('Home') // The api I was expecting to work
    })
  })
})