Skip to content

Commit

Permalink
test(css): Prefix mock class names with file name to avoid conflicts (s…
Browse files Browse the repository at this point in the history 
…eek-oss#521)
  • Loading branch information
@markdalgleish
markdalgleish committed Jul 27, 2018
1 parent 935c313 commit f9cf647
Show file tree
Hide file tree
Showing 29 changed files with 2,094 additions and 2,093 deletions.
96 changes: 48 additions & 48 deletions react/Alert/__snapshots__/Alert.test.js.snap
View file
Expand Up @@ -2,22 +2,22 @@

exports[`Alert: levels: should render primary alerts 1`] = `
<Section
className="root"
className="Alert__root"
header={false}
level="primary"
pullout={false}
slim={false}
tone="positive"
>
<div
className="alert"
className="Alert__alert"
>
<TickCircleIcon
className="icon"
className="Alert__icon"
filled={false}
/>
<div
className="text"
className="Alert__text"
>
<Text
baseline={false}
Expand All @@ -32,22 +32,22 @@ exports[`Alert: levels: should render primary alerts 1`] = `

exports[`Alert: levels: should render secondary alerts 1`] = `
<Section
className="root"
className="Alert__root"
header={false}
level="secondary"
pullout={false}
slim={false}
tone="positive"
>
<div
className="alert"
className="Alert__alert"
>
<TickCircleIcon
className="icon"
className="Alert__icon"
filled={false}
/>
<div
className="text"
className="Alert__text"
>
<Text
baseline={false}
Expand All @@ -62,17 +62,17 @@ exports[`Alert: levels: should render secondary alerts 1`] = `

exports[`Alert: levels: should render tertiary alerts 1`] = `
<div
className="root positive"
className="Alert__root Alert__positive"
>
<div
className="alert"
className="Alert__alert"
>
<TickCircleIcon
className="icon"
className="Alert__icon"
filled={false}
/>
<div
className="text"
className="Alert__text"
>
<Text
baseline={false}
Expand All @@ -87,7 +87,7 @@ exports[`Alert: levels: should render tertiary alerts 1`] = `

exports[`Alert: should pass through additional props 1`] = `
<Section
className="root"
className="Alert__root"
custom-prop={true}
header={false}
level="primary"
Expand All @@ -96,14 +96,14 @@ exports[`Alert: should pass through additional props 1`] = `
tone="positive"
>
<div
className="alert"
className="Alert__alert"
>
<TickCircleIcon
className="icon"
className="Alert__icon"
filled={false}
/>
<div
className="text"
className="Alert__text"
>
<Text
baseline={false}
Expand All @@ -118,22 +118,22 @@ exports[`Alert: should pass through additional props 1`] = `

exports[`Alert: should render a close button 1`] = `
<Section
className="root"
className="Alert__root"
header={false}
level="primary"
pullout={false}
slim={false}
tone="positive"
>
<div
className="alert"
className="Alert__alert"
>
<TickCircleIcon
className="icon"
className="Alert__icon"
filled={false}
/>
<div
className="text"
className="Alert__text"
>
<Text
baseline={false}
Expand All @@ -143,7 +143,7 @@ exports[`Alert: should render a close button 1`] = `
</Text>
</div>
<button
className="close"
className="Alert__close"
onClick={[Function]}
>
<CrossIcon />
Expand All @@ -154,22 +154,22 @@ exports[`Alert: should render a close button 1`] = `

exports[`Alert: should render the pullout style 1`] = `
<Section
className="root"
className="Alert__root"
header={false}
level="primary"
pullout={true}
slim={false}
tone="positive"
>
<div
className="alert"
className="Alert__alert"
>
<TickCircleIcon
className="icon"
className="Alert__icon"
filled={false}
/>
<div
className="text"
className="Alert__text"
>
<Text
baseline={false}
Expand All @@ -184,18 +184,18 @@ exports[`Alert: should render the pullout style 1`] = `

exports[`Alert: should render with a hidden icon 1`] = `
<Section
className="root"
className="Alert__root"
header={false}
level="primary"
pullout={false}
slim={false}
tone="positive"
>
<div
className="alert"
className="Alert__alert"
>
<div
className="text"
className="Alert__text"
>
<Text
baseline={false}
Expand All @@ -210,21 +210,21 @@ exports[`Alert: should render with a hidden icon 1`] = `

exports[`Alert: types: should render critical alerts 1`] = `
<Section
className="root"
className="Alert__root"
header={false}
level="primary"
pullout={false}
slim={false}
tone="critical"
>
<div
className="alert"
className="Alert__alert"
>
<CriticalIcon
className="icon"
className="Alert__icon"
/>
<div
className="text"
className="Alert__text"
>
<Text
baseline={false}
Expand All @@ -239,21 +239,21 @@ exports[`Alert: types: should render critical alerts 1`] = `

exports[`Alert: types: should render help alerts 1`] = `
<Section
className="root"
className="Alert__root"
header={false}
level="primary"
pullout={false}
slim={false}
tone="help"
>
<div
className="alert"
className="Alert__alert"
>
<HelpIcon
className="icon"
className="Alert__icon"
/>
<div
className="text"
className="Alert__text"
>
<Text
baseline={false}
Expand All @@ -268,21 +268,21 @@ exports[`Alert: types: should render help alerts 1`] = `

exports[`Alert: types: should render info alerts 1`] = `
<Section
className="root"
className="Alert__root"
header={false}
level="primary"
pullout={false}
slim={false}
tone="info"
>
<div
className="alert"
className="Alert__alert"
>
<InfoIcon
className="icon"
className="Alert__icon"
/>
<div
className="text"
className="Alert__text"
>
<Text
baseline={false}
Expand All @@ -297,22 +297,22 @@ exports[`Alert: types: should render info alerts 1`] = `

exports[`Alert: types: should render positive alerts 1`] = `
<Section
className="root"
className="Alert__root"
header={false}
level="primary"
pullout={false}
slim={false}
tone="positive"
>
<div
className="alert"
className="Alert__alert"
>
<TickCircleIcon
className="icon"
className="Alert__icon"
filled={false}
/>
<div
className="text"
className="Alert__text"
>
<Text
baseline={false}
Expand All @@ -327,22 +327,22 @@ exports[`Alert: types: should render positive alerts 1`] = `

exports[`Alert: will accept a node in a the message prop 1`] = `
<Section
className="root"
className="Alert__root"
header={false}
level="primary"
pullout={false}
slim={false}
tone="positive"
>
<div
className="alert"
className="Alert__alert"
>
<TickCircleIcon
className="icon"
className="Alert__icon"
filled={false}
/>
<div
className="text"
className="Alert__text"
>
<Text
baseline={false}
Expand Down
2 changes: 1 addition & 1 deletion react/Autosuggest/Autosuggest.test.js
View file
Expand Up @@ -48,7 +48,7 @@ describe('Autosuggest', () => {

it('should render with suggestions', () => {
const wrapper = render(<Autosuggest {...getAutosuggestProps(['test', 'test 2'])} id="testAutosuggest" />);
const suggestions = wrapper.find('.suggestionsContainer').find('li');
const suggestions = wrapper.find('.Autosuggest__suggestionsContainer').find('li');
expect(wrapper).toMatchSnapshot();
expect(suggestions.length).toEqual(2);
});
Expand Down

0 comments on commit f9cf647

Please sign in to comment.