diff --git a/__tests__/MiradorShareEmbed.test.js b/__tests__/MiradorShareEmbed.test.js index 1018179..5dea496 100644 --- a/__tests__/MiradorShareEmbed.test.js +++ b/__tests__/MiradorShareEmbed.test.js @@ -18,17 +18,18 @@ function createWrapper(props) { describe('MiradorShareEmbed', () => { let wrapper; - it('renders fieldsets w/ legends for each section of the embed component', () => { + it('renders fieldsets w/ legends or labels for each section of the embed component', () => { wrapper = createWrapper(); expect(wrapper.find('WithStyles(ForwardRef(FormControl))[component="fieldset"]').length).toBe(2); - expect(wrapper.find('WithStyles(ForwardRef(FormLabel))[component="legend"]').length).toBe(2); + expect(wrapper.find('WithStyles(ForwardRef(FormLabel))').length).toBe(2); + expect(wrapper.find('WithStyles(ForwardRef(FormLabel))[component="legend"]').length).toBe(1); expect(wrapper.find( 'WithStyles(ForwardRef(FormLabel))', ).at(0).props().children).toEqual('Select viewer size'); expect(wrapper.find( 'WithStyles(ForwardRef(FormLabel))', - ).at(1).props().children).toEqual('then copy & paste code'); + ).at(1).props().children).toEqual('Copy & paste code'); }); it('renders a radio group w/ a form control for each of the size options', () => { diff --git a/src/MiradorShareDialog.js b/src/MiradorShareDialog.js index 57e11a0..0394ace 100644 --- a/src/MiradorShareDialog.js +++ b/src/MiradorShareDialog.js @@ -149,7 +149,7 @@ export class MiradorShareDialog extends Component { /> {' '} - + diff --git a/src/MiradorShareEmbed.js b/src/MiradorShareEmbed.js index 8bd1f7c..683b599 100644 --- a/src/MiradorShareEmbed.js +++ b/src/MiradorShareEmbed.js @@ -151,9 +151,10 @@ class MiradorShareEmbed extends Component { - then copy & paste code + Copy & paste code
- +
@@ -176,6 +177,7 @@ MiradorShareEmbed.propTypes = { formControl: PropTypes.string, formControlLabel: PropTypes.string, legend: PropTypes.string, + label: PropTypes.string, inputContainer: PropTypes.string, radioGroup: PropTypes.string, selectedFormControlLabel: PropTypes.string, @@ -221,6 +223,10 @@ const styles = theme => ({ paddingBottom: theme.spacing(), paddingTop: theme.spacing(), }, + label: { + paddingBottom: theme.spacing(), + paddingTop: theme.spacing(), + }, inputContainer: { alignItems: 'flex-end', display: 'flex',