diff --git a/src/components/SoundChangeSuite.js b/src/components/SoundChangeSuite.js index 5cecafb..8f571ff 100644 --- a/src/components/SoundChangeSuite.js +++ b/src/components/SoundChangeSuite.js @@ -2,9 +2,13 @@ import React from 'react'; import './SoundChangeSuite.scss'; const SoundChangeSuite = props => { + let epochName = props.epoch ? Object.keys(props.epoch)[0] : 'Changes'; return ( -
-

{props.epoch ? Object.keys(props.epoch)[0] : 'Changes'}

+
+

{epochName}

+
+ +
); } diff --git a/src/components/SoundChangeSuite.test.js b/src/components/SoundChangeSuite.test.js index 5dc02b2..c35d61c 100644 --- a/src/components/SoundChangeSuite.test.js +++ b/src/components/SoundChangeSuite.test.js @@ -15,11 +15,11 @@ it('renders SoundChangeSuite without crashing', () => { describe('SoundChangeSuite', () => { it('renders the correct subtitle', () => { const { getByTestId } = render(); - expect(getByTestId('SoundChangeSuite')).toHaveTextContent('Epoch Name'); + expect(getByTestId('Epoch Name_SoundChangeSuite')).toHaveTextContent('Epoch Name'); }); it('renders a suite of soundchanges', () => { - const { getByTestId } = render(); - + const { getByTestId } = render(change/environment']}}/>); + expect(getByTestId('Epoch Name_SoundChangeSuite_changes')).toHaveFormValues({changes: 'sound>change/environment'}) }) }); \ No newline at end of file