scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/3697-prettier-configs (pull request #3396)

Browse Source 
fix(SW-3691): Setup one prettier config for whole repo

* Setup prettierrc in root and remove other configs


Approved-by: Joakim Jäderberg
Approved-by: Linus Flood
This commit is contained in:
Rasmus Langvad
2026-01-07 12:45:50 +00:00
parent 932413412b
commit d0546926a9
500 changed files with 18367 additions and 18419 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
packages/design-system/lib/components/Input/Input.test.tsx
View File

@@ -1,8 +1,8 @@
import { describe, expect, it, vi, afterEach } from 'vitest'
import { render, screen, fireEvent, cleanup } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import { Input } from './Input'
import { TextField } from 'react-aria-components'
import { describe, expect, it, vi, afterEach } from "vitest"
import { render, screen, fireEvent, cleanup } from "@testing-library/react"
import userEvent from "@testing-library/user-event"
import { Input } from "./Input"
import { TextField } from "react-aria-components"
afterEach(() => {
cleanup()
@@ -22,158 +22,158 @@ const renderInputStandalone = (props: React.ComponentProps<typeof Input>) => {
return render(<Input {...props} />)
}
describe('Input', () => {
describe('props', () => {
it('applies required attribute', () => {
renderInput({ label: 'Email', required: true })
expect(screen.getByRole('textbox')).toHaveProperty('required', true)
describe("Input", () => {
describe("props", () => {
it("applies required attribute", () => {
renderInput({ label: "Email", required: true })
expect(screen.getByRole("textbox")).toHaveProperty("required", true)
})
it('applies readOnly attribute', () => {
renderInput({ label: 'Email', readOnly: true })
expect(screen.getByRole('textbox')).toHaveProperty('readOnly', true)
it("applies readOnly attribute", () => {
renderInput({ label: "Email", readOnly: true })
expect(screen.getByRole("textbox")).toHaveProperty("readOnly", true)
})
it('applies placeholder for floating label when provided', () => {
renderInput({ label: 'Email', placeholder: 'Enter email' })
expect(screen.getByRole('textbox').getAttribute('placeholder')).toBe(
'Enter email'
it("applies placeholder for floating label when provided", () => {
renderInput({ label: "Email", placeholder: "Enter email" })
expect(screen.getByRole("textbox").getAttribute("placeholder")).toBe(
"Enter email"
)
})
it('applies empty placeholder for top label by default', () => {
renderInput({ label: 'Email', labelPosition: 'top' })
expect(screen.getByRole('textbox').getAttribute('placeholder')).toBe('')
it("applies empty placeholder for top label by default", () => {
renderInput({ label: "Email", labelPosition: "top" })
expect(screen.getByRole("textbox").getAttribute("placeholder")).toBe("")
})
it('applies custom id', () => {
it("applies custom id", () => {
// Use standalone render since TextField overrides id via context
renderInputStandalone({ label: 'Email', id: 'custom-id' })
expect(screen.getByRole('textbox').getAttribute('id')).toBe('custom-id')
renderInputStandalone({ label: "Email", id: "custom-id" })
expect(screen.getByRole("textbox").getAttribute("id")).toBe("custom-id")
})
it('applies aria-describedby', () => {
renderInput({ label: 'Email', 'aria-describedby': 'error-message' })
expect(screen.getByRole('textbox').getAttribute('aria-describedby')).toBe(
'error-message'
it("applies aria-describedby", () => {
renderInput({ label: "Email", "aria-describedby": "error-message" })
expect(screen.getByRole("textbox").getAttribute("aria-describedby")).toBe(
"error-message"
)
})
})
describe('clear content button', () => {
it('does not show clear button when showClearContentIcon is false', () => {
describe("clear content button", () => {
it("does not show clear button when showClearContentIcon is false", () => {
renderInput({
label: 'Email',
value: 'test',
label: "Email",
value: "test",
onChange: vi.fn(),
showClearContentIcon: false,
})
expect(screen.queryByLabelText('Clear content')).toBeNull()
expect(screen.queryByLabelText("Clear content")).toBeNull()
})
it('does not show clear button when input is empty', () => {
it("does not show clear button when input is empty", () => {
renderInput({
label: 'Email',
value: '',
label: "Email",
value: "",
onChange: vi.fn(),
showClearContentIcon: true,
})
expect(screen.queryByLabelText('Clear content')).toBeNull()
expect(screen.queryByLabelText("Clear content")).toBeNull()
})
it('shows clear button when input has value and showClearContentIcon is true', () => {
it("shows clear button when input has value and showClearContentIcon is true", () => {
renderInput({
label: 'Email',
value: 'test',
label: "Email",
value: "test",
onChange: vi.fn(),
showClearContentIcon: true,
})
expect(screen.getByLabelText('Clear content')).toBeTruthy()
expect(screen.getByLabelText("Clear content")).toBeTruthy()
})
})
describe('icons', () => {
it('renders left icon when provided', () => {
describe("icons", () => {
it("renders left icon when provided", () => {
renderInput({
label: 'Search',
label: "Search",
// eslint-disable-next-line formatjs/no-literal-string-in-jsx
leftIcon: <span data-testid="left-icon">🔍</span>,
})
expect(screen.getByTestId('left-icon')).toBeTruthy()
expect(screen.getByTestId("left-icon")).toBeTruthy()
})
it('renders right icon when provided', () => {
it("renders right icon when provided", () => {
renderInput({
label: 'Password',
label: "Password",
// eslint-disable-next-line formatjs/no-literal-string-in-jsx
rightIcon: <span data-testid="right-icon">👁</span>,
})
expect(screen.getByTestId('right-icon')).toBeTruthy()
expect(screen.getByTestId("right-icon")).toBeTruthy()
})
it('hides right icon when clear button is shown', () => {
it("hides right icon when clear button is shown", () => {
renderInput({
label: 'Email',
value: 'test',
label: "Email",
value: "test",
onChange: vi.fn(),
showClearContentIcon: true,
// eslint-disable-next-line formatjs/no-literal-string-in-jsx
rightIcon: <span data-testid="right-icon">👁</span>,
})
expect(screen.queryByTestId('right-icon')).toBeNull()
expect(screen.getByLabelText('Clear content')).toBeTruthy()
expect(screen.queryByTestId("right-icon")).toBeNull()
expect(screen.getByLabelText("Clear content")).toBeTruthy()
})
it('shows right icon when clear button condition not met', () => {
it("shows right icon when clear button condition not met", () => {
renderInput({
label: 'Email',
value: '',
label: "Email",
value: "",
onChange: vi.fn(),
showClearContentIcon: true,
// eslint-disable-next-line formatjs/no-literal-string-in-jsx
rightIcon: <span data-testid="right-icon">👁</span>,
})
expect(screen.getByTestId('right-icon')).toBeTruthy()
expect(screen.getByTestId("right-icon")).toBeTruthy()
})
})
describe('controlled input', () => {
it('displays the controlled value', () => {
describe("controlled input", () => {
it("displays the controlled value", () => {
renderInput({
label: 'Email',
value: 'test@example.com',
label: "Email",
value: "test@example.com",
onChange: vi.fn(),
})
expect(screen.getByRole('textbox')).toHaveProperty(
'value',
'test@example.com'
expect(screen.getByRole("textbox")).toHaveProperty(
"value",
"test@example.com"
)
})
it('calls onChange when typing', async () => {
it("calls onChange when typing", async () => {
const onChange = vi.fn()
renderInput({ label: 'Email', value: '', onChange })
renderInput({ label: "Email", value: "", onChange })
const input = screen.getByRole('textbox')
await userEvent.type(input, 'a')
const input = screen.getByRole("textbox")
await userEvent.type(input, "a")
expect(onChange).toHaveBeenCalled()
})
it('does not change value without onChange updating it', () => {
it("does not change value without onChange updating it", () => {
const onChange = vi.fn()
renderInput({ label: 'Email', value: 'initial', onChange })
renderInput({ label: "Email", value: "initial", onChange })
const input = screen.getByRole('textbox')
fireEvent.change(input, { target: { value: 'changed' } })
const input = screen.getByRole("textbox")
fireEvent.change(input, { target: { value: "changed" } })
// Value stays the same because it's controlled
expect(input).toHaveProperty('value', 'initial')
expect(input).toHaveProperty("value", "initial")
})
})
describe('ref forwarding', () => {
it('forwards ref to the input element', () => {
describe("ref forwarding", () => {
it("forwards ref to the input element", () => {
const ref = { current: null as HTMLInputElement | null }
render(
<TextField>
@@ -183,7 +183,7 @@ describe('Input', () => {
expect(ref.current).toBeInstanceOf(HTMLInputElement)
})
it('allows focusing via ref', () => {
it("allows focusing via ref", () => {
const ref = { current: null as HTMLInputElement | null }
render(
<TextField>