Sha256: 99d2983e6f9799760f89a623b8ced038ed5c93d07e554163f5a8b05bfd769081
Contents?: true
Size: 1.68 KB
Versions: 676
Compression:
Stored size: 1.68 KB
Contents
import React from "react"
import { render, screen } from "../utilities/test-utils"
import StarRating from "./_star_rating"
const testId = "star-rating-kit"
describe("Star Rating Kit", () => {
test("Expects to have correct classname", () => {
render(
<StarRating
data={{ testid: testId }}
/>
)
const kit = screen.getByTestId(testId)
expect(kit.className).toBe("pb_star_rating_kit")
})
test('should render aria-label', () => {
render(
<StarRating
aria={{ label: testId }}
data={{ testid: testId }}
rating={2}
/>
)
const kit = screen.getByTestId(testId)
expect(kit).toHaveAttribute('aria-label', testId)
})
test("Displays correct denominator", () => {
render(
<StarRating
data={{ testid: testId }}
denominator={4}
rating={2}
size="xs"
/>
)
const kit = screen.getByTestId(testId)
const highlight = kit.querySelector(".star_flex_area")
const stars = highlight.querySelectorAll(".pb_star_xs")
const count = stars.length
expect(count).toBe(4)
})
test("Uses correct size", () => {
render(
<StarRating
data={{ testid: testId }}
layoutOption="number"
rating={2}
size="lg"
/>
)
const kit = screen.getByTestId(testId)
const highlight = kit.querySelector(".star_flex_area")
const title = kit.querySelector(".pb_star_rating_number_lg")
const stars = highlight.querySelectorAll(".pb_star_lg")
const count = stars.length
expect(title.className).toBe("pb_title_kit_size_2_light_thin pr_sm pb_star_rating_number_lg")
expect(count).toBe(5)
})
})
Version data entries
676 entries across 676 versions & 1 rubygems