diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md index 3d24e15cd3d..eff14e2e94c 100644 --- a/CONTRIBUTORS.md +++ b/CONTRIBUTORS.md @@ -16,6 +16,7 @@ Cerner Corporation - Nikhil Agrawal [@nagrawal3] - Emily Rohrbough [@emilyrohrbough] - Neil Pfeiffer [@neilpfeiffer] +- Jeremy Fuksa [@jeremyfuksa] - David Schoonover [@dkschoonover] - Christian Alten [@cwalten] - Viren Sawant [@viren140290] diff --git a/packages/terra-avatar/CHANGELOG.md b/packages/terra-avatar/CHANGELOG.md index 05121084360..4462174c7ef 100644 --- a/packages/terra-avatar/CHANGELOG.md +++ b/packages/terra-avatar/CHANGELOG.md @@ -3,6 +3,11 @@ ChangeLog Unreleased ---------- +### Breaking Changes +* To Make all User avatars available in same variant `generic` subcomponent has been added. +* `generic` subcomponent replaces the `sharedUser` subcomponent. +* `generic` subcomponent contains a `variant` prop that toggles between `single-user`, `shared-user`, and `provider` user avatar. +* `user` avatar has been moved into `generic` sub-comopnent with varaint name `single-user`. 2.36.0 - (March 10, 2020) ------------------ diff --git a/packages/terra-avatar/package.json b/packages/terra-avatar/package.json index 2877e7bdd53..54bdf9ed9c7 100644 --- a/packages/terra-avatar/package.json +++ b/packages/terra-avatar/package.json @@ -2,7 +2,7 @@ "name": "terra-avatar", "main": "lib/index.js", "version": "2.36.0", - "description": "Contains components that represent a person, location or entity. Variants include Avatar, Facility, and SharedUser.", + "description": "Contains components that represent a person, location or entity. Variants include Avatar, Facility, and Generic.", "repository": { "type": "git", "url": "git+https://github.com/cerner/terra-core.git" diff --git a/packages/terra-avatar/src/common/Avatar.module.scss b/packages/terra-avatar/src/common/Avatar.module.scss index b84571cab00..83dd07eae09 100644 --- a/packages/terra-avatar/src/common/Avatar.module.scss +++ b/packages/terra-avatar/src/common/Avatar.module.scss @@ -60,6 +60,12 @@ height: 100%; width: 100%; } + + &.provider { + background-image: var(--terra-avatar-icon-provider-background-image, inline-svg("")); + height: 100%; + width: 100%; + } /* stylelint-enable string-quotes */ } diff --git a/packages/terra-avatar/src/common/AvatarUtils.jsx b/packages/terra-avatar/src/common/AvatarUtils.jsx index 3a31e2eeff4..8d2080b7c4d 100644 --- a/packages/terra-avatar/src/common/AvatarUtils.jsx +++ b/packages/terra-avatar/src/common/AvatarUtils.jsx @@ -8,7 +8,7 @@ const cx = classNames.bind(styles); const AVATAR_VARIANTS = { USER: 'user', FACILITY: 'facility', - SHARED_USER: 'shared-user', + GENERIC: 'generic', }; const COLOR_VARIANTS = [ diff --git a/packages/terra-avatar/src/index.js b/packages/terra-avatar/src/index.js index be5e28781b2..2039c0aae6b 100644 --- a/packages/terra-avatar/src/index.js +++ b/packages/terra-avatar/src/index.js @@ -1,6 +1,6 @@ import Avatar from './variants/Avatar'; import Facility from './variants/Facility'; -import SharedUser from './variants/SharedUser'; +import Generic from './variants/Generic'; export default Avatar; -export { Facility, SharedUser }; +export { Facility, Generic }; diff --git a/packages/terra-avatar/src/terra-dev-site/doc/avatar/About.1.doc.mdx b/packages/terra-avatar/src/terra-dev-site/doc/avatar/About.1.doc.mdx index e7676a2fd3e..0044cc5ea7a 100644 --- a/packages/terra-avatar/src/terra-dev-site/doc/avatar/About.1.doc.mdx +++ b/packages/terra-avatar/src/terra-dev-site/doc/avatar/About.1.doc.mdx @@ -4,7 +4,7 @@ import { Badge } from 'terra-avatar/package.json?dev-site-package'; # About terra-avatar -The `terra-avatar` package contains three components: `Avatar`, `Facility`, and `SharedUser`. View their respective documentation tabs for information on accepted props and examples. +The `terra-avatar` package contains three components: `Avatar`, `Facility`, and `Generic`. View their respective documentation tabs for information on accepted props and examples. ## Getting Started @@ -26,7 +26,22 @@ This component requires the following peer dependencies be installed in your app ## Usage ```jsx -import Avatar, { Facility, SharedUser } from 'terra-avatar'; +import React from 'react'; +import Avatar, { Facility, Generic } from 'terra-avatar'; + + + + + + ``` ## Component Features diff --git a/packages/terra-avatar/src/terra-dev-site/doc/avatar/Generic.4.doc.mdx b/packages/terra-avatar/src/terra-dev-site/doc/avatar/Generic.4.doc.mdx new file mode 100644 index 00000000000..f3c0b160709 --- /dev/null +++ b/packages/terra-avatar/src/terra-dev-site/doc/avatar/Generic.4.doc.mdx @@ -0,0 +1,40 @@ +import { Badge } from 'terra-avatar/package.json?dev-site-package'; + +import GenericAvatarVariants from '../example/generic/GenericAvatarVariants?dev-site-example'; + +import GenericPropsTable from 'terra-avatar/src/variants/Generic?dev-site-props-table'; + + + +# Generic + +The `Generic` variant represents multiple users - it displays a shared user icon in a circular frame. + +## Getting Started + +- Install with [npmjs](https://www.npmjs.com): + - `npm install terra-avatar` + +## Usage + +```jsx +import React from 'react'; +import { Generic } from 'terra-avatar'; + + +``` + +## Component Features + + * [Cross-Browser Support](https://engineering.cerner.com/terra-ui/contributing/terra-ui/component-standards#cross-browser-support) + * [Mobile Support](https://engineering.cerner.com/terra-ui/contributing/terra-ui/component-standards#mobile-support) + +[View component source code](https://github.com/cerner/terra-core/tree/master/packages/terra-avatar) + +## Examples + + +## Shared User Props + diff --git a/packages/terra-avatar/src/terra-dev-site/doc/avatar/SharedUser.4.doc.mdx b/packages/terra-avatar/src/terra-dev-site/doc/avatar/SharedUser.4.doc.mdx deleted file mode 100644 index 982e42228ae..00000000000 --- a/packages/terra-avatar/src/terra-dev-site/doc/avatar/SharedUser.4.doc.mdx +++ /dev/null @@ -1,44 +0,0 @@ -import { Badge } from 'terra-avatar/package.json?dev-site-package'; - -import SharedUser from '../example/shared-user/SharedUser?dev-site-example'; -import SharedUserSize from '../example/shared-user/SharedUserSize?dev-site-example'; -import SharedUserColorVariants from '../example/shared-user/SharedUserColorVariants?dev-site-example'; - -import SharedUserPropsTable from 'terra-avatar/src/variants/SharedUser?dev-site-props-table'; - - - -# Shared User - -The `SharedUser` variant represents multiple users - it displays a shared user icon in a circular frame. - -## Getting Started - -- Install with [npmjs](https://www.npmjs.com): - - `npm install terra-avatar` - -## Usage - -```jsx -import React from 'react'; -import { SharedUser } from 'terra-avatar'; - - -``` - -## Component Features - - * [Cross-Browser Support](https://engineering.cerner.com/terra-ui/contributing/terra-ui/component-standards#cross-browser-support) - * [Mobile Support](https://engineering.cerner.com/terra-ui/contributing/terra-ui/component-standards#mobile-support) - -[View component source code](https://github.com/cerner/terra-core/tree/master/packages/terra-avatar) - -## Examples - - - - -## Shared User Props - diff --git a/packages/terra-avatar/src/terra-dev-site/doc/avatar/UpgradeGuide.5.doc.mdx b/packages/terra-avatar/src/terra-dev-site/doc/avatar/UpgradeGuide.5.doc.mdx index bcb462c0076..a9db3d41a55 100644 --- a/packages/terra-avatar/src/terra-dev-site/doc/avatar/UpgradeGuide.5.doc.mdx +++ b/packages/terra-avatar/src/terra-dev-site/doc/avatar/UpgradeGuide.5.doc.mdx @@ -3,6 +3,50 @@ import { Badge } from 'terra-avatar/package.json?dev-site-package'; # terra-avatar Upgrade Guide +## Changes from version 2 to version 3 + +### Reason for upgrade +* To group all user avatars in single variant `shared-user` has been replaced with `generic` sub-component +* To keep adding new user avatars like `provider` easier new `generic` sub-component has been added with all user avatars as variants. + +### Removed +* `Shared User` subcomponent From Avatar + +### Added +* The `generic` subcomponent that replaces the `sharedUser` subcomponent with a new `variant` prop that can be `single-user`, `shared-user`, or `provider`. +* `variant` prop will take values for sub-variants `single-user`, `shared-user` and `provider`. +* `user` avatar has been moved into `generic` sub-comopnent with varaint name `single-user`. + +### Steps to uplift to V3 +1. Use a named export for Generic variant. +2. Use variant prop of Generic to set sub-variant icons like `single-user`, `shared-user` and `provider` for Avatar. + +#### V2 Code +```javascript +import { SharedUser} from 'terra-avatar'; + + +``` + +```javascript +import { Avatar} from 'terra-avatar'; + + +``` + +#### V3 Code +```javascript +import { Generic } from 'terra-avatar' + + +``` + +```javascript +import { Generic} from 'terra-avatar'; + + +``` + ## Changes from version 1 to version 2 ### Props @@ -88,3 +132,4 @@ import Avatar, { Facility } from 'terra-avatar' ``` + diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariants.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariants.jsx new file mode 100644 index 00000000000..0e60e70e3df --- /dev/null +++ b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariants.jsx @@ -0,0 +1,15 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import { Generic } from 'terra-avatar'; +import GenericAvatarVariantsWrapper from 'terra-avatar/lib/terra-dev-site/doc/example/generic/GenericAvatarVariantsWrapper'; + +const propTypes = { color: PropTypes.string, size: PropTypes.string, variant: PropTypes.string }; + +const GenericAvatarVariants = ({ + ...props +}) => ( + +); + +GenericAvatarVariants.propTypes = propTypes; +export default GenericAvatarVariantsWrapper(GenericAvatarVariants); diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariantsWrapper.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariantsWrapper.jsx new file mode 100644 index 00000000000..b3350eb684d --- /dev/null +++ b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariantsWrapper.jsx @@ -0,0 +1,52 @@ +import React from 'react'; + +function GenericAvatarVariantsWrapper(WrappedComponent) { + return class GenericVariants extends React.Component { + constructor(props) { + super(props); + this.handleOnSelect = this.handleOnSelect.bind(this); + this.state = { colorVariant: 'auto', size: undefined, variant: 'single-user' }; + } + + handleOnSelect(event) { + this.setState({ [event.target.name]: event.target.value }); + } + + render() { + return ( +
+ +

+ +

+ +

+ +
+ ); + } + }; +} + +export default GenericAvatarVariantsWrapper; diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUser.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUser.jsx deleted file mode 100644 index 71b6d0dcabf..00000000000 --- a/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUser.jsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import { SharedUser } from 'terra-avatar'; - -const AvatarSharedUser = () => ( - -); - -export default AvatarSharedUser; diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserColorVariants.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserColorVariants.jsx deleted file mode 100644 index baf197792d4..00000000000 --- a/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserColorVariants.jsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import { SharedUser } from 'terra-avatar'; -import ColorVariantsWrapper from 'terra-avatar/lib/terra-dev-site/doc/example/common/ColorVariantsWrapper'; - -const propTypes = { color: PropTypes.string }; - -const SharedUserColorVariants = ({ - ...props -}) => ( - -); - -SharedUserColorVariants.propTypes = propTypes; -export default ColorVariantsWrapper(SharedUserColorVariants); diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserSize.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserSize.jsx deleted file mode 100644 index 4db7ee99548..00000000000 --- a/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserSize.jsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import { SharedUser } from 'terra-avatar'; - -const AvatarSize = () => ( - -); - -export default AvatarSize; diff --git a/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/Provider.test.jsx b/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/Provider.test.jsx new file mode 100644 index 00000000000..52d1e14b19f --- /dev/null +++ b/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/Provider.test.jsx @@ -0,0 +1,4 @@ +import React from 'react'; +import { Generic } from '../../../../index'; + +export default () => ; diff --git a/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SharedUser.test.jsx b/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SharedUser.test.jsx new file mode 100644 index 00000000000..37ee35a4706 --- /dev/null +++ b/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SharedUser.test.jsx @@ -0,0 +1,4 @@ +import React from 'react'; +import { Generic } from '../../../../index'; + +export default () => ; diff --git a/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SingleUser.test.jsx b/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SingleUser.test.jsx new file mode 100644 index 00000000000..f38a3310f9c --- /dev/null +++ b/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SingleUser.test.jsx @@ -0,0 +1,4 @@ +import React from 'react'; +import { Generic } from '../../../../index'; + +export default () => ; diff --git a/packages/terra-avatar/src/terra-dev-site/test/avatar/shared-user/DefaultSharedUser.test.jsx b/packages/terra-avatar/src/terra-dev-site/test/avatar/shared-user/DefaultSharedUser.test.jsx deleted file mode 100644 index 9a647d94a3f..00000000000 --- a/packages/terra-avatar/src/terra-dev-site/test/avatar/shared-user/DefaultSharedUser.test.jsx +++ /dev/null @@ -1,4 +0,0 @@ -import React from 'react'; -import { SharedUser } from '../../../../index'; - -export default () => ; diff --git a/packages/terra-avatar/src/variants/SharedUser.jsx b/packages/terra-avatar/src/variants/Generic.jsx similarity index 58% rename from packages/terra-avatar/src/variants/SharedUser.jsx rename to packages/terra-avatar/src/variants/Generic.jsx index de1ce58bafa..3db7cc902f3 100644 --- a/packages/terra-avatar/src/variants/SharedUser.jsx +++ b/packages/terra-avatar/src/variants/Generic.jsx @@ -2,12 +2,16 @@ import React from 'react'; import PropTypes from 'prop-types'; import classNames from 'classnames/bind'; import styles from '../common/Avatar.module.scss'; -import { - AVATAR_VARIANTS, setColor, -} from '../common/AvatarUtils'; +import { setColor } from '../common/AvatarUtils'; const cx = classNames.bind(styles); +const GENERIC_VARIANTS = { + SINGLE_USER: 'single-user', + SHARED_USER: 'shared-user', + PROVIDER: 'provider', +}; + const propTypes = { /** * Specifies the alternative text for the image. @@ -31,6 +35,10 @@ const propTypes = { * Overrides the default size. */ size: PropTypes.string, + /** + * Sets the Generic Avatar type to One of the following variants `single-user`, `shared-user`, or `provider`. + */ + variant: PropTypes.oneOf([GENERIC_VARIANTS.SINGLE_USER, GENERIC_VARIANTS.SHARED_USER, GENERIC_VARIANTS.PROVIDER]), }; const defaultProps = { @@ -38,38 +46,46 @@ const defaultProps = { hashValue: undefined, isAriaHidden: false, size: undefined, + variant: GENERIC_VARIANTS.SINGLE_USER, }; -const SharedUser = ({ +const Generic = ({ alt, color, hashValue, isAriaHidden, size, + variant, ...customProps }) => { const colorVariant = setColor(alt, color, hashValue); const attributes = { ...customProps }; const customStyles = size ? ({ fontSize: size, ...attributes.style }) : attributes.style; - const multiUserClassNames = cx([ + const GenericUserClassNames = cx([ 'avatar', `${colorVariant}`, attributes.className, ]); - const multiUserIconClassNames = cx(['icon', AVATAR_VARIANTS.SHARED_USER]); - const multiUserContent = ; + let genericIconClassNames = cx(['icon', 'user']); + + if (variant === GENERIC_VARIANTS.SHARED_USER) { + genericIconClassNames = cx(['icon', GENERIC_VARIANTS.SHARED_USER]); + } else if (variant === GENERIC_VARIANTS.PROVIDER) { + genericIconClassNames = cx(['icon', GENERIC_VARIANTS.PROVIDER]); + } /* eslint-disable react/forbid-dom-props */ return ( -
- {multiUserContent} +
+
); /* eslint-enable react/forbid-dom-props */ }; -SharedUser.propTypes = propTypes; -SharedUser.defaultProps = defaultProps; +Generic.propTypes = propTypes; +Generic.defaultProps = defaultProps; -export default SharedUser; +export default Generic; +export { GENERIC_VARIANTS }; diff --git a/packages/terra-avatar/tests/jest/Generic.test.jsx b/packages/terra-avatar/tests/jest/Generic.test.jsx new file mode 100644 index 00000000000..04120061f04 --- /dev/null +++ b/packages/terra-avatar/tests/jest/Generic.test.jsx @@ -0,0 +1,114 @@ +import React from 'react'; +import Generic from '../../src/variants/Generic'; + +describe('Generic', () => { + // Single User + it('should render a default single-user generic avatar', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + + it('should render a single-user generic avatar with provided size', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + + it('should render a single-user generic avatar with aria hidden', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + + it('should render a single-user generic avatar with color variant one', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + + it('should render a single-user generic avatar with color variant neutral', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + + it('should render a single-user with an automated color variant, based on a hashValue', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + + it('should render a single-user generic avatar with custom props', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + // Shared User + it('should render a shared-user avatar with provided size', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + + it('should render a shared-user avatar with aria hidden', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + + it('should render a shared-user avatar with color variant one', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + + it('should render a shared-user with color variant neutral', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + + it('should render a shared-user with an automated color variant, based on a hashValue', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + + it('should render a shared-user avatar with custom props', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + // Provider + it('should render a provider avatar with provided size', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + it('should render a provider avatar with aria hidden', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + it('should render a provider avatar with color variant one', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + it('should render a provider with color variant neutral', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + it('should render a provider with an automated color variant, based on a hashValue', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); + it('should render a provider avatar with custom props', () => { + const avatar = ; + const wrapper = render(avatar); + expect(wrapper).toMatchSnapshot(); + }); +}); diff --git a/packages/terra-avatar/tests/jest/SharedUser.test.jsx b/packages/terra-avatar/tests/jest/SharedUser.test.jsx deleted file mode 100644 index d27f3056b41..00000000000 --- a/packages/terra-avatar/tests/jest/SharedUser.test.jsx +++ /dev/null @@ -1,46 +0,0 @@ -import React from 'react'; -import SharedUser from '../../src/variants/SharedUser'; - -describe('SharedUser', () => { - it('should render a default shared-user avatar', () => { - const avatar = ; - const wrapper = render(avatar); - expect(wrapper).toMatchSnapshot(); - }); - - it('should render a shared-user avatar with provided size', () => { - const avatar = ; - const wrapper = render(avatar); - expect(wrapper).toMatchSnapshot(); - }); - - it('should render a shared-user avatar with aria hidden', () => { - const avatar = ; - const wrapper = render(avatar); - expect(wrapper).toMatchSnapshot(); - }); - - it('should render a shared-user avatar with color variant one', () => { - const avatar = ; - const wrapper = render(avatar); - expect(wrapper).toMatchSnapshot(); - }); - - it('should render a shared-user with color variant neutral', () => { - const avatar = ; - const wrapper = render(avatar); - expect(wrapper).toMatchSnapshot(); - }); - - it('should render a shared-user with an automated color variant, based on a hashValue', () => { - const avatar = ; - const wrapper = render(avatar); - expect(wrapper).toMatchSnapshot(); - }); - - it('should render a shared-user avatar with custom props', () => { - const avatar = ; - const wrapper = render(avatar); - expect(wrapper).toMatchSnapshot(); - }); -}); diff --git a/packages/terra-avatar/tests/jest/__snapshots__/Generic.test.jsx.snap b/packages/terra-avatar/tests/jest/__snapshots__/Generic.test.jsx.snap new file mode 100644 index 00000000000..7bac8eec240 --- /dev/null +++ b/packages/terra-avatar/tests/jest/__snapshots__/Generic.test.jsx.snap @@ -0,0 +1,276 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Generic should render a default single-user generic avatar 1`] = ` +
+ +
+`; + +exports[`Generic should render a provider avatar with aria hidden 1`] = ` +
+
+`; + +exports[`Generic should render a provider avatar with color variant one 1`] = ` +
+ +
+`; + +exports[`Generic should render a provider avatar with custom props 1`] = ` +
+ +
+`; + +exports[`Generic should render a provider avatar with provided size 1`] = ` +
+ +
+`; + +exports[`Generic should render a provider with an automated color variant, based on a hashValue 1`] = ` +
+ +
+`; + +exports[`Generic should render a provider with color variant neutral 1`] = ` +
+ +
+`; + +exports[`Generic should render a shared-user avatar with aria hidden 1`] = ` +
+
+`; + +exports[`Generic should render a shared-user avatar with color variant one 1`] = ` +
+ +
+`; + +exports[`Generic should render a shared-user avatar with custom props 1`] = ` +
+ +
+`; + +exports[`Generic should render a shared-user avatar with provided size 1`] = ` +
+ +
+`; + +exports[`Generic should render a shared-user with an automated color variant, based on a hashValue 1`] = ` +
+ +
+`; + +exports[`Generic should render a shared-user with color variant neutral 1`] = ` +
+ +
+`; + +exports[`Generic should render a single-user generic avatar with aria hidden 1`] = ` +
+
+`; + +exports[`Generic should render a single-user generic avatar with color variant neutral 1`] = ` +
+ +
+`; + +exports[`Generic should render a single-user generic avatar with color variant one 1`] = ` +
+ +
+`; + +exports[`Generic should render a single-user generic avatar with custom props 1`] = ` +
+ +
+`; + +exports[`Generic should render a single-user generic avatar with provided size 1`] = ` +
+ +
+`; + +exports[`Generic should render a single-user with an automated color variant, based on a hashValue 1`] = ` +
+ +
+`; diff --git a/packages/terra-avatar/tests/jest/__snapshots__/SharedUser.test.jsx.snap b/packages/terra-avatar/tests/jest/__snapshots__/SharedUser.test.jsx.snap deleted file mode 100644 index 64b299c1f92..00000000000 --- a/packages/terra-avatar/tests/jest/__snapshots__/SharedUser.test.jsx.snap +++ /dev/null @@ -1,101 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`SharedUser should render a default shared-user avatar 1`] = ` -
- -
-`; - -exports[`SharedUser should render a shared-user avatar with aria hidden 1`] = ` -
-
-`; - -exports[`SharedUser should render a shared-user avatar with color variant one 1`] = ` -
- -
-`; - -exports[`SharedUser should render a shared-user avatar with custom props 1`] = ` -
- -
-`; - -exports[`SharedUser should render a shared-user avatar with provided size 1`] = ` -
- -
-`; - -exports[`SharedUser should render a shared-user with an automated color variant, based on a hashValue 1`] = ` -
- -
-`; - -exports[`SharedUser should render a shared-user with color variant neutral 1`] = ` -
- -
-`; diff --git a/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Provider[default].png b/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Provider[default].png new file mode 100644 index 00000000000..69e51c090eb Binary files /dev/null and b/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Provider[default].png differ diff --git a/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Shared_User[default].png b/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Shared_User[default].png index d6b6a15e63b..93aa13c0445 100644 Binary files a/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Shared_User[default].png and b/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Shared_User[default].png differ diff --git a/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Single_User[default].png b/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Single_User[default].png new file mode 100644 index 00000000000..b7f1e91981c Binary files /dev/null and b/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Single_User[default].png differ diff --git a/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Provider[default].png b/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Provider[default].png new file mode 100644 index 00000000000..ce554d5e2b0 Binary files /dev/null and b/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Provider[default].png differ diff --git a/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Shared_User[default].png b/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Shared_User[default].png index 5351cb5ca66..e49ce7161f7 100644 Binary files a/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Shared_User[default].png and b/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Shared_User[default].png differ diff --git a/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Single_User[default].png b/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Single_User[default].png new file mode 100644 index 00000000000..6e275581e45 Binary files /dev/null and b/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Single_User[default].png differ diff --git a/packages/terra-avatar/tests/wdio/avatar-common-spec.js b/packages/terra-avatar/tests/wdio/avatar-common-spec.js index 76f1eca4539..47fa52df23b 100644 --- a/packages/terra-avatar/tests/wdio/avatar-common-spec.js +++ b/packages/terra-avatar/tests/wdio/avatar-common-spec.js @@ -87,10 +87,22 @@ describe('Facility', () => { }); }); -describe('Shared User', () => { +describe('Generic', () => { + describe('Icon Single User', () => { + before(() => browser.url('/#/raw/tests/terra-avatar/avatar/generic/single-user')); + + Terra.it.validatesElement({ selector: '#single-user' }); + }); + describe('Icon Shared User', () => { - before(() => browser.url('/#/raw/tests/terra-avatar/avatar/shared-user/default-shared-user')); + before(() => browser.url('/#/raw/tests/terra-avatar/avatar/generic/shared-user')); Terra.it.validatesElement({ selector: '#shared-user' }); }); + + describe('Icon Provider', () => { + before(() => browser.url('/#/raw/tests/terra-avatar/avatar/generic/provider')); + + Terra.it.validatesElement({ selector: '#provider' }); + }); });