import React from 'react'
import Picasso from '@toptal/picasso-provider'
import { cy, describe, it } from 'local-cypress'

import Subtitle from './Subtitle'

describe('Subtitle', () => {
  it('default', () => {
    cy.mount(
      <Picasso>
        <Subtitle data-testid='subtitle'>Some sub-title text</Subtitle>
      </Picasso>
    )

    cy.get('[data-testid="subtitle"]').should('be.visible')
  })
})
