Sha256: 85b4191b5f8145224f249c3e5ca6ca0af2becd969901dbfffe902854fd172277
Contents?: true
Size: 1.44 KB
Versions: 960
Compression:
Stored size: 1.44 KB
Contents
import React from 'react'
import { render, screen } from '../utilities/test-utils'
import MultipleUsers from './_multiple_users'
const testId = 'multipleUserId'
const MultipleUsersTest = () => {
return (
<>
<MultipleUsers
aria={{ label: testId }}
className={'custom-class'}
data={{ testid: testId }}
users={[
{
name: 'Patrick Welch',
imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
},
{
name: 'Lucille Sanchez',
imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
},
]}
/>
</>
)
}
test('it loads the given images urls', () => {
render(<MultipleUsersTest/>)
const image1 = screen.getByAltText('Patrick Welch')
const image2 = screen.getByAltText('Lucille Sanchez')
expect(image1).toHaveAttribute('src', 'https://randomuser.me/api/portraits/men/9.jpg')
expect(image2).toHaveAttribute('src', 'https://randomuser.me/api/portraits/women/6.jpg')
})
test('should render custom class and data', () => {
render(<MultipleUsersTest/>)
const kit = screen.getByTestId(testId)
expect(kit).toHaveClass('custom-class')
})
test('should render aria-label', () => {
render(<MultipleUsersTest />)
const kit = screen.getByTestId(testId)
expect(kit).toHaveAttribute('aria-label', testId)
})
Version data entries
960 entries across 960 versions & 1 rubygems