add data test ID to 2e karakter creator

This commit is contained in:
2024-03-25 21:32:36 +01:00
parent 839a14a95f
commit edbe8934e4
16 changed files with 181 additions and 73 deletions
@@ -8,16 +8,27 @@ import {
} from "../domain-models/tulajdonsag2E";
import {SignedNumberToText} from "../../shared/components/Helpers";
function TulajdonsagNoveles(props: {tulajdonsagok: KarakterTulajdonsagok, tulajdonsagNoveles: Tulajdonsag2E, changeTulajdonsagNoveles: (tulajdonsag: Tulajdonsag2E) => void}) {
const {tulajdonsagok, tulajdonsagNoveles, changeTulajdonsagNoveles} = props
function TulajdonsagNoveles(props: {
tulajdonsagok: KarakterTulajdonsagok,
tulajdonsagNoveles: Tulajdonsag2E,
changeTulajdonsagNoveles: (tulajdonsag: Tulajdonsag2E) => void,
dataTestId?: string
}) {
const {tulajdonsagok, tulajdonsagNoveles, changeTulajdonsagNoveles, dataTestId} = props
const selectableTulajdonsagok = TulajdonsagIDs.filter(t => t === tulajdonsagNoveles || tulajdonsagok[t] < 18)
return <>
<div className='row'>
<div className='col-lg-6'>
<div className='row m-2'>
<label className='col-sm-6 col-8 col-form-label'>Tulajdonság növelés{' '}</label>
<div className='col'>
<select className='form-select' value={tulajdonsagNoveles} onChange={(e) => changeTulajdonsagNoveles(e.target.value as Tulajdonsag2E)}>
{TulajdonsagIDs.filter(t => t === tulajdonsagNoveles || tulajdonsagok[t] < 18).map(t => (
<select
className='form-select'
value={tulajdonsagNoveles}
onChange={(e) => changeTulajdonsagNoveles(e.target.value as Tulajdonsag2E)}
data-testid={dataTestId}
>
{selectableTulajdonsagok.map(t => (
<option value={t} key={t}>{TulajdonsagLabel(t)}</option>
))}
</select>