diff --git a/frontend/src/second-edition/components/BasicNewLevel.tsx b/frontend/src/second-edition/components/BasicNewLevel.tsx index 23208c7..f7abe39 100644 --- a/frontend/src/second-edition/components/BasicNewLevel.tsx +++ b/frontend/src/second-edition/components/BasicNewLevel.tsx @@ -59,7 +59,9 @@ function BasicNewLevel(props: { value={karakter.szintlepesek[szint-1].HProll || 1} min={1} max={12} - onChange={e => changeRolledHP(Number(e.target.value))} /> + onChange={e => changeRolledHP(Number(e.target.value))} + data-testid={`HP-${szint}`} + /> { isTBincreased &&
diff --git a/frontend/src/second-edition/components/FajSelector2E.tsx b/frontend/src/second-edition/components/FajSelector2E.tsx index 6ccfbf1..0cb2533 100644 --- a/frontend/src/second-edition/components/FajSelector2E.tsx +++ b/frontend/src/second-edition/components/FajSelector2E.tsx @@ -6,7 +6,12 @@ function FajSelector2E(props: { faj: Faj2E, changeFaj: (val: Faj2E) => void }) { return <>
- changeFaj(e.target.value as Faj2E)} + data-testid="faj" + > @@ -29,10 +34,10 @@ function FajSelector2E(props: { faj: Faj2E, changeFaj: (val: Faj2E) => void }) {
-

+

{FajDescription(faj)}

-
    +
      {FajSpecials(faj).map(((special, i) => (
    • {special}
    • )))}
diff --git a/frontend/src/second-edition/components/FegyverSelector.tsx b/frontend/src/second-edition/components/FegyverSelector.tsx index f3736e9..a4f6fda 100644 --- a/frontend/src/second-edition/components/FegyverSelector.tsx +++ b/frontend/src/second-edition/components/FegyverSelector.tsx @@ -61,13 +61,19 @@ export function FegyverLabel(fegyver: Fegyver): string { fegyver.Range > 10 ? ` | táv: ${fegyver.Range}` : ''}` } -function FegyverSelector(props: {fegyverek: Fegyver[], selectedId: string, onChange: (id: string) => void}) { - - const { fegyverek, selectedId, onChange } = props - +function FegyverSelector(props: { + fegyverek: Fegyver[], + selectedId: string, + onChange: (id: string) => void, + dataTestId?: string, +}) { + const { fegyverek, selectedId, onChange, dataTestId } = props return <> - onChange(e.target.value)} + data-testid={dataTestId} + > {fegyverek.filter(f => f.Type === 'kozelharci').map(f => )} diff --git a/frontend/src/second-edition/components/Felszereles.tsx b/frontend/src/second-edition/components/Felszereles.tsx index 4dd135f..992ff6f 100644 --- a/frontend/src/second-edition/components/Felszereles.tsx +++ b/frontend/src/second-edition/components/Felszereles.tsx @@ -25,13 +25,30 @@ function Felszereles(props: {felszereles: KarakterFelszereles, changeFelszereles changeFelszereles({...felszereles, fegyverIDk: arraySetN(felszereles.fegyverIDk, idx, newID)}) } + const changePancel = (event: React.ChangeEvent) => { + changeFelszereles({...felszereles, pancelID: event.target.value === 'nincs' ? undefined : event.target.value}) + } + const changePajzs = (event: React.ChangeEvent) => { + changeFelszereles({...felszereles, pajzsID: event.target.value === 'nincs' ? undefined : event.target.value}) + } + const removeFegyver = (idx: number) => () => changeFelszereles({ + ...felszereles, + fegyverIDk: [...felszereles.fegyverIDk.slice(0, idx), ...felszereles.fegyverIDk.slice(idx+1)] + }) + const addFegyver = () => changeFelszereles({...felszereles, fegyverIDk: [...felszereles.fegyverIDk, 'bot']}) + return <>
Felszerelés
- { @@ -50,8 +67,12 @@ function Felszereles(props: {felszereles: KarakterFelszereles, changeFelszereles
- {allowedPajzs.map(p => )} @@ -59,14 +80,26 @@ function Felszereles(props: {felszereles: KarakterFelszereles, changeFelszereles {valasztottFegyverek.map(({idx, fegyver}) => (
- changeFegyver(idx, fegyverId)} /> - + changeFegyver(idx, fegyverId)} + dataTestId={`felszereles-fegyver-${idx}`} + /> +
))} - + } diff --git a/frontend/src/second-edition/components/HarcosFegyverSpec.tsx b/frontend/src/second-edition/components/HarcosFegyverSpec.tsx index 4f452a9..01f9b1c 100644 --- a/frontend/src/second-edition/components/HarcosFegyverSpec.tsx +++ b/frontend/src/second-edition/components/HarcosFegyverSpec.tsx @@ -23,7 +23,12 @@ function HarcosFegyverSpecializacio(props: { return <>
- + {fegyver == null && Ismeretlen fegyver: {specialization}}
diff --git a/frontend/src/second-edition/components/JellemSelector.tsx b/frontend/src/second-edition/components/JellemSelector.tsx index 1287d15..69476f9 100644 --- a/frontend/src/second-edition/components/JellemSelector.tsx +++ b/frontend/src/second-edition/components/JellemSelector.tsx @@ -7,7 +7,12 @@ function JellemSelector(props: {selected: JellemID, changeJellem: (val: JellemID return <>
- changeJellem(e.target.value as JellemID)} + > {AllJellemIDs.map((id) => ( ))} @@ -16,7 +21,7 @@ function JellemSelector(props: {selected: JellemID, changeJellem: (val: JellemID
-

+

{jellem.Description}

diff --git a/frontend/src/second-edition/components/KalozKritikus.tsx b/frontend/src/second-edition/components/KalozKritikus.tsx index 927d5ad..48a4b0d 100644 --- a/frontend/src/second-edition/components/KalozKritikus.tsx +++ b/frontend/src/second-edition/components/KalozKritikus.tsx @@ -20,7 +20,12 @@ function KalozKritikus(props: { return <>
- +
} diff --git a/frontend/src/second-edition/components/KarakterKepzettsegek2E.tsx b/frontend/src/second-edition/components/KarakterKepzettsegek2E.tsx index d5244a9..9556278 100644 --- a/frontend/src/second-edition/components/KarakterKepzettsegek2E.tsx +++ b/frontend/src/second-edition/components/KarakterKepzettsegek2E.tsx @@ -8,16 +8,22 @@ import { } from "../domain-models/kepzettsegek2E"; import {arraySetN} from "../../util"; - function InternalKepzettsegekSelector(props: { title: string, numberOfKepzettseg: number, getKepzettsegListaN: (n: number) => Kepzettseg[], kepzettsegek: KepzettsegId[], - changeKepzettsegek: (newKepzettsegek: KepzettsegId[]) => void + changeKepzettsegek: (newKepzettsegek: KepzettsegId[]) => void, + dataTestId?: string, }) { - const {title, numberOfKepzettseg, getKepzettsegListaN, kepzettsegek, changeKepzettsegek} = props - + const { + title, + numberOfKepzettseg, + getKepzettsegListaN, + kepzettsegek, + changeKepzettsegek, + dataTestId, + } = props const klist = Array.from(new Array(numberOfKepzettseg).keys()) const preCalculated: { @@ -44,6 +50,7 @@ function InternalKepzettsegekSelector(props: { kepzettsegek={preCalculated[idx].kepzettsegek} selected={preCalculated[idx].selected} changeKepzettseg={preCalculated[idx].changeKepzettseg} + dataTestId={`${dataTestId}-${idx}`} />) }
@@ -75,14 +82,18 @@ function KarakterKepzettsegek (props: { numberOfKepzettseg={numberOfKepzettsegek} getKepzettsegListaN={getKepzettsegListaN} changeKepzettsegek={changeKepzettsegek} - kepzettsegek={kepzettsegek} /> + kepzettsegek={kepzettsegek} + dataTestId={"kepzettseg"} + /> {tolvajKepzettsegek.length > 0 && } + kepzettsegek={tolvajKepzettsegek} + dataTestId={"tolvaj-kepzettseg"} + />} } diff --git a/frontend/src/second-edition/components/KepzettsegSelector2E.tsx b/frontend/src/second-edition/components/KepzettsegSelector2E.tsx index f9fee68..72f13df 100644 --- a/frontend/src/second-edition/components/KepzettsegSelector2E.tsx +++ b/frontend/src/second-edition/components/KepzettsegSelector2E.tsx @@ -8,14 +8,21 @@ function kepzettsegOptionText(k: Kepzettseg) { return k.Name + ' (' + k.Tulajdonsag.reduce((acc, k) => (acc === '' ? acc : acc + ' / ') + TulajdonsagLabel(k), '') + ')' + (osztalyok == null ? '' : (' - ' + osztalyok)); } -function KepzettsegSelector (props: {kepzettsegek: Kepzettseg[], changeKepzettseg: (newKepzettseg: KepzettsegId) => void, selected : Kepzettseg}) { - - const { kepzettsegek, changeKepzettseg, selected } = props - +function KepzettsegSelector (props: { + kepzettsegek: Kepzettseg[], + changeKepzettseg: (newKepzettseg: KepzettsegId) => void, + selected : Kepzettseg, + dataTestId?: string, +}) { + const { kepzettsegek, changeKepzettseg, selected, dataTestId } = props return <>
- changeKepzettseg(e.target.value as KepzettsegId)} + data-testid={dataTestId} + > {kepzettsegek.map(k =>(