From ed26635dd73c15a691df4b0d38405ef5e3ca48a5 Mon Sep 17 00:00:00 2001 From: Supreeth Date: Sat, 28 Mar 2020 22:42:07 +0530 Subject: [PATCH] [terra-avatar] Changed Shared user variant to Generic Avatar variant (#2620) * Changed Shared user to Generic Avatar Varaint * Added upgrade Guide for Breaking Changes * Upgrade Guide Corrections * export added for constants * Changed Examples for Generic Icon * Updating documentation for Generic variant Co-Authored-By: Derek Yu * Update packages/terra-avatar/CHANGELOG.md Co-Authored-By: Matt Henkes * removed theme variables update from upgrade guide * Added user Icon example in upgrade guide * updated changelogs and upgrade guide * corrections to changelog and upgradeguide * Update CONTRIBUTORS.md * Update screenshots Co-authored-by: Derek Yu Co-authored-by: Matt Henkes Co-authored-by: Ryan Manuel Co-authored-by: Jeremy Fuksa Co-authored-by: Manuel,Ryan --- CONTRIBUTORS.md | 1 + packages/terra-avatar/CHANGELOG.md | 5 + packages/terra-avatar/package.json | 2 +- .../src/common/Avatar.module.scss | 6 + .../terra-avatar/src/common/AvatarUtils.jsx | 2 +- packages/terra-avatar/src/index.js | 4 +- .../terra-dev-site/doc/avatar/About.1.doc.mdx | 19 +- .../doc/avatar/Generic.4.doc.mdx | 40 +++ .../doc/avatar/SharedUser.4.doc.mdx | 44 --- .../doc/avatar/UpgradeGuide.5.doc.mdx | 45 +++ .../example/generic/GenericAvatarVariants.jsx | 15 + .../generic/GenericAvatarVariantsWrapper.jsx | 52 ++++ .../doc/example/shared-user/SharedUser.jsx | 8 - .../shared-user/SharedUserColorVariants.jsx | 15 - .../example/shared-user/SharedUserSize.jsx | 8 - .../test/avatar/generic/Provider.test.jsx | 4 + .../test/avatar/generic/SharedUser.test.jsx | 4 + .../test/avatar/generic/SingleUser.test.jsx | 4 + .../shared-user/DefaultSharedUser.test.jsx | 4 - .../variants/{SharedUser.jsx => Generic.jsx} | 40 ++- .../terra-avatar/tests/jest/Generic.test.jsx | 114 ++++++++ .../tests/jest/SharedUser.test.jsx | 46 --- .../jest/__snapshots__/Generic.test.jsx.snap | 276 ++++++++++++++++++ .../__snapshots__/SharedUser.test.jsx.snap | 101 ------- .../Icon_Provider[default].png | Bin 0 -> 1850 bytes .../Icon_Shared_User[default].png | Bin 2112 -> 2079 bytes .../Icon_Single_User[default].png | Bin 0 -> 1787 bytes .../Icon_Provider[default].png | Bin 0 -> 1460 bytes .../Icon_Shared_User[default].png | Bin 1734 -> 1583 bytes .../Icon_Single_User[default].png | Bin 0 -> 1405 bytes .../tests/wdio/avatar-common-spec.js | 16 +- 31 files changed, 629 insertions(+), 246 deletions(-) create mode 100644 packages/terra-avatar/src/terra-dev-site/doc/avatar/Generic.4.doc.mdx delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/avatar/SharedUser.4.doc.mdx create mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariants.jsx create mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariantsWrapper.jsx delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUser.jsx delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserColorVariants.jsx delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserSize.jsx create mode 100644 packages/terra-avatar/src/terra-dev-site/test/avatar/generic/Provider.test.jsx create mode 100644 packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SharedUser.test.jsx create mode 100644 packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SingleUser.test.jsx delete mode 100644 packages/terra-avatar/src/terra-dev-site/test/avatar/shared-user/DefaultSharedUser.test.jsx rename packages/terra-avatar/src/variants/{SharedUser.jsx => Generic.jsx} (58%) create mode 100644 packages/terra-avatar/tests/jest/Generic.test.jsx delete mode 100644 packages/terra-avatar/tests/jest/SharedUser.test.jsx create mode 100644 packages/terra-avatar/tests/jest/__snapshots__/Generic.test.jsx.snap delete mode 100644 packages/terra-avatar/tests/jest/__snapshots__/SharedUser.test.jsx.snap create mode 100644 packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Provider[default].png create mode 100644 packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Single_User[default].png create mode 100644 packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Provider[default].png create mode 100644 packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Single_User[default].png 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 0000000000000000000000000000000000000000..69e51c090eb028a8628fac7c003d4adbf1e8230f GIT binary patch literal 1850 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 P00000NkvXXu0mjfLaQMs 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 0000000000000000000000000000000000000000..b7f1e91981cd7a22dc5f3e31b02acc264d81ba35 GIT binary patch literal 1787 zcmVJV2d}gZo(KM-136cD~E`%gMvz)dpm7nK1KaO+kx_#~k zr~TnP>p0G@yXVf)A7^hLj^lRE@x;jzHjA`LMJqO?Sws}6$z-JY-ppM+PupYEe5-Z$ zdMPA3{tu~W2enV1kd}Rz!dv;6%8IyKaf_;&M>rTfeF!uL(KDbo{d$BkaoAKe9y;1e zg-rJ=@A9v6`$;*s53{8TXDZDVRGKTeT9U)j3!m`&zpqBGH4r~$E^myQjen;=K{3I=?KmUUf}iv6C3xw!>hJo_X_SjF!3USW@>7yS-3t1ka+bZez-n{np!i> z37SbtUP!&Ip8pl~wtC)4UPyB)nz&nWi)*IK$Q2ecjG5yXF(Nb?H(qtJtLaFRgsZZzoh5PHJQ@iaAZ1OdTuI>1a@VQO0n7MaaDA999p#wS83Hc#)Ze?s%Ldp9#)s*Ah1h4 z|1ok5>OCB}2KSCcj+C>1!$Dw|UvddKj0QjCG8+7lBfmHs2Z3GLqf+FkwOWwNVts-f zkE+XY5ZG0kE0DufR)kz%mlY$&!>R{32<)EKS&<_n{}gg%{*FidaVHmft}Gi0J+K@ z-r-j}mr`rB(2`oKg;jrE!u?03$ko}~9|wV5ps_n`kz1I_n_Cje`6>fvE*E9-=9WZq z3o~hpK;Ix7RM-s+iQw$z6ST#x`^Bu-KA%o{Bf(wz5EKxCx2F%*IxATPXDBYcPJ0;G zI|2t4b`vAw*>P|^?V-|KL8ZBZoWcuqgozRHIH<7m_VmHSO^vngDROo93#M1s{umAZ zcxt>*DEJRa0<+~Y6_4+8r`$xzy+R~OLJki%H3nTL98@$I7aq%rtV6iMP32Dfm>&=` zd>XyG4WKnFPix4?KgITgzoDw85?91TCelbngV@L!oX9#vYsCytWJ!DyK3<)1g;wp! z#E5tzL!;StU@a#vrqEiGBBs$uMT5b8BkAlNK>6b`UdG+cgZJicA$mw0ZK2m1ST+B5 zMD!oS*8T5O_xu?z)7>wa&|cv*5;U>(?Z48Jcjs;&#qO+0R>GZjGc>K>rF@Lq&Jc{b{^lPV9)9_bQ(R) z30|O^Ur*kfx0$BK4tkxAHg@pqH1)xvZ3G&FcoBgUlZGcUb@UwmOM&U$4LaKG`z3$^ zhj}r}hz^g%8RZ%~oQV4FYxL>%9n$lTaqdbQW=j>r`j18^1nsH5{yE$KxsDHyY()qq zzg@bMDWm7`GRie}yhM4Ol0ws>A&$ERN$WZkZx zlXdNLg1hu3dBp+x_ZUb^lxys0fnIAMcEk(}Iv>vGr;(nU%CXD?*d!YPzFpC(J#j^O zzV)l9rdLLRtA=%-A+NV$0b9@IMpZXA+WJ94)FrddE z#)Zcb8XS(NMvq==z*FOeLrrZpW=j=jOEm>0xuoYEuVgLXD002ovPDHLkV1k3TSd#z% literal 0 HcmV?d00001 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 0000000000000000000000000000000000000000..ce554d5e2b0e32876dc303d8a581892c695c2013 GIT binary patch literal 1460 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 Q^8f$<07*qoM6N<$g1lJ^E&u=k delta 1718 zcmV;n21)s^48{$RB!2=)L_t(|0qh!n(f|Mke@R3^RL#K)P}BDT!13?zpFbdo;gK~w zOT}2!g4Rc!ts7LgO0idGwX>b`0r={$R#zR}>3mS#t+)9qRblhdvliV$TI;lDvF+Tt zYK0x>6t$odhk=;135WsIPXEjQ&fMj=B>WS%yL~=FapV7#On(RzMWOL(J$sLqV|85R zMpp+mXA2$)@hS9+(ql><%#4oG^T#T%fQQf(FhvR2HX6NBe zT(vb3tlEa-%y@k~d)FL82tiL0J```u$Lg@)ZC2jP%zu4$DY8z+LnrCT8J@@HS1K^* zjfBGLuu#0M0AD0}*nV(5wGAim_HgPW6h8A){4vBBDgN=V2vu#vaVo0H=}E#%yUW4v zKlvR!<&AkBAq0Vp$sC71Dwa^~I=qo~mjiDSURG@{!k1KII$ES9nz$dUb}Yo3#61?f znR;^_zJGMx>O_m~TbZv2VZoOj*>ZBFzAg0(%4*&N>}1mT3JG~t%*Q7I@>w; z_X;d_Gf{n_vA0{fY`MUmBU|{xC)-g8A=tQR4-sK~@Fz?Tr~7s%r!Q9H&+Tt+k^N{c zGJkH?udkxT&D-5n)f}Lz<^aA7NFGGLs2F-(o)!l(g#?9tz!Jk2CLs?m{nbZgRfOKKEAwQ51!bs^3Ek z2|pf6H1WnuJBSF6M2i=nnvW2I_4`)f=&<9@+aGS`qUAhVNVpl}lIf{v$_gUFBhe~7 zDT8U_=iunD^XgkO`Rw#Z+`W4Tk8l2cn_Y)DQBhS!ZxZ5?QOUUVi_&9nYsEv~H-DCI z56K}|&*jYG<9~d>Ra+Blb}b?yK7}MhDvF|TspSHl-8ax8Iw}U0jGHNCFqd1t#AEot zF$f{hs_UkUE$^-4X!QXQg0ut^{Syb0mS{rO$tVh>B@E!AkPdyr3^+T<2E%X zpQAM&;9-a{qSZC0g(YuJ$KGZo`+w0~mb_4cL2tyL)~}m+`|xHytv!T4Q*&mcl5opN z%fefDSOi*hbhfkP&FR?NtW2Nq5^Lv`VbB{1B>7uutSs2fFJ^B}^&iXU|~44~hxKQ==!drmz$t1l}^!M}^);ZC14S z;kW`K!uk-ZS$T^%aB1U>M_)3Dq@c3$K+GqJJm~b0;k$HaZ?}5$Fp``8NSH)AcSCF$uWMm zHJ`f169n?lOErYa;b`IN?%>E5m7J*m3yN}=36D)?`Rok{A@D`U4}T#98(-N&#nEzh z9omRL#oG!9#k@(&n2}pVATqs}nOnrOV_#s^jw0%t>bPH714glKemSwx@$^PUgV<;T zTVDMWcBhrKyBBlLe2QRYrjKNGVJXJAB(#zVf-ydctxNZ#C<=|u^}PSLcevczfUD~| zwzgJ065^7Hj*7vQGB22^IkU+~%R&f2uw+6YgkaD^Ls>q11OH3^0Yb+_r{G{APXGV_ M07*qoM6N<$f{l$x*#H0l 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 0000000000000000000000000000000000000000..6e275581e45739821979ec7868663d168807f2d1 GIT binary patch literal 1405 zcmV-@1%mpCP)1`UN}jR{8cWT&+pZ`mB%9 zmKKO_b63b=;cWWwJ3JNYmxs&B&ETh#dtMr%ICm|%x>2$e%4x(p14on>Qk`JI-Gvd;w`p-Tef|UT{$dx=x8Q} zO=GaPhRT{UiYv67)1IQf(I^xrbXYjMRva>q%@v}urc@Yg)azqOp0$qQ{=pp=Ls~!d zbv1mEy@G4EFWMYW`)>i&4|Vu>wI*uwGnc-9wGdd;m>71X9IyoIB(>6;ZAMe}O|~vhuFRjhR49INxwZrDz+ag{&J#vQ3)x2mPZYBM{d9H*obEw|&5kmej3GV& zLW`-D-a;)?$-SZuIFsNjFDlVq&eZs*1FmzU_##P?M0s_I&|-J*-$A6|Zs(EP?9oYi zSB?tVpSgCzo@MNVJ9sjSdk@NOvTb_Y$Zx0j+7IWg8YJY@{G^GsS&J|jAM|L~((;V- z{i)QM3_|gJ+IZvu{oOo-@2X69o22yVTr50ob^dl`A)oA;&zWn-g<~t+lt5c;4e%R5 zN!2akAO@qJHJM2a@El0skWe(f!*P&1^3Scmxmjv^#p$X5zY#!NS5kEM28*}G*&VF6 z_5G^D1id!0b>{+ygbD}n@)$s5=wvj5g78)Q?xab(l~iJw@14}8_$}%7;~QUQTY<0345;7gi+Ca`B9c# zU;vH|j;wuu8xbLso@*02EZm~KvgtpBkCz|W>rUX@&&4jV&T4FKV8K^0R!ipL^hZ3gM|xlN7tMn^Qu}vR(lLaCLSgaau~Z>q)UIEx@|L0mM&PLRes=d8~9-5k0nd z(@gZ(I25iOi9b9jlK3f0y4hK+ty`C7GtkQ)fQIIJ3d^qdD%|xumuY^|1i(Nqe=?G@ zt=jc?R3eM3W&34rBuHZpVkdp-KubUs&S zGO#CiGsiCc3P3+cC*FKxJa31`;_t0N>8?W6UyV~gXPO>2QfD$yS8t&F{vGnJ9_3Qu z8J<3S0zgc}Y!=N-L#a@`@TP=LHuZJY{BUFk$J-!9G&N#23umlAt@N?kM+mN6k|a^8 zD { }); }); -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' }); + }); });