diff --git a/src/PhonoChangeApplier.js b/src/PhonoChangeApplier.js index 3e5770f..22036a6 100644 --- a/src/PhonoChangeApplier.js +++ b/src/PhonoChangeApplier.js @@ -14,6 +14,7 @@ const PhonoChangeApplier = () => { ); const [ epochs, setEpochs ] = useState([{name: 'epoch 1', changes:['[+ feature]>[- feature]/_#']}]); const [ options, setOptions ] = useState({output: 'default', save: false}) + const [ results, setResults ] = useState([]) const runChanges = e => { e.preventDefault(); @@ -26,7 +27,7 @@ const PhonoChangeApplier = () => { - + ); } diff --git a/src/components/Output.js b/src/components/Output.js index 68fb568..9c9e5e9 100644 --- a/src/components/Output.js +++ b/src/components/Output.js @@ -5,6 +5,10 @@ const Output = props => { return (

Results of Run

+ +
+ {props.results ? props.results.map((lexicalItem, i) =>

{lexicalItem}

) : <>} +
); } diff --git a/src/components/Output.test.js b/src/components/Output.test.js index 9a4f4c7..a5de8c7 100644 --- a/src/components/Output.test.js +++ b/src/components/Output.test.js @@ -20,8 +20,8 @@ describe('Output', () => { }); it('renders output lexicon list from output hook', () => { - const { getByTestId } = render(); - // expect(getByTestId('Output-list')); + const { getByTestId } = render(); + expect(getByTestId('Output-lexicon')).toContainHTML('

word

lex

word

'); }); }); \ No newline at end of file