mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2026-06-04 14:49:01 +02:00
Copilot
38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import MaterialIcon from '@/shared/components/material-icon'
|
|
import unfilledIconTypes from '../../../../frontend/fonts/material-symbols/unfilled-symbols.mjs'
|
|
|
|
const FONT_SIZE = 40
|
|
|
|
describe('MaterialIcon', function () {
|
|
describe('Filled', function () {
|
|
it('contains symbols', function () {
|
|
cy.mount(<MaterialIcon type="home" style={{ fontSize: FONT_SIZE }} />)
|
|
cy.get('.material-symbols').as('icon')
|
|
cy.get('@icon')
|
|
.invoke('width')
|
|
.should('be.within', FONT_SIZE - 1, FONT_SIZE + 1)
|
|
})
|
|
})
|
|
|
|
describe('Unfilled', function () {
|
|
it('uses a Firefox allowlisted icon font family name', function () {
|
|
cy.mount(<MaterialIcon type="description" unfilled />)
|
|
cy.get('.material-symbols.unfilled')
|
|
.invoke('css', 'font-family')
|
|
.should('contain', 'Material Symbols Outlined')
|
|
})
|
|
|
|
it('contains all unfilled symbols', function () {
|
|
for (const type of unfilledIconTypes) {
|
|
cy.mount(
|
|
<MaterialIcon type={type} unfilled style={{ fontSize: FONT_SIZE }} />
|
|
)
|
|
cy.get('.material-symbols').as('icon')
|
|
cy.get('@icon')
|
|
.invoke('width')
|
|
.should('be.within', FONT_SIZE - 1, FONT_SIZE + 1)
|
|
}
|
|
})
|
|
})
|
|
})
|