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