@bookjane2/bookjane-design-library 9.0.27 → 9.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/BKJAvatar/BKJAvatar.d.ts.map +1 -1
- package/lib/components/BKJAvatar/BKJAvatar.js +2 -2
- package/lib/components/BKJAvatar/BKJAvatar.js.map +1 -1
- package/lib/components/BKJAvatar/BKJAvatar.stories.d.ts +10 -0
- package/lib/components/BKJAvatar/BKJAvatar.stories.d.ts.map +1 -1
- package/lib/components/BKJAvatar/BKJAvatar.stories.js +34 -2
- package/lib/components/BKJAvatar/BKJAvatar.stories.js.map +1 -1
- package/lib/components/BKJAvatar/BKJAvatar.test.d.ts +2 -0
- package/lib/components/BKJAvatar/BKJAvatar.test.d.ts.map +1 -0
- package/lib/components/BKJAvatar/BKJAvatar.test.js +55 -0
- package/lib/components/BKJAvatar/BKJAvatar.test.js.map +1 -0
- package/lib/components/BKJAvatar/BKJAvatar.types.d.ts +1 -0
- package/lib/components/BKJAvatar/BKJAvatar.types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"BKJAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0B/C,CAAC"}
|
|
@@ -3,8 +3,8 @@ import { useCallback } from 'react';
|
|
|
3
3
|
import { BKJIcon } from '../index.js';
|
|
4
4
|
import { BKJImage } from '../BKJImage/index.js';
|
|
5
5
|
import { PendingSignUpIcon, ImageContainer } from './BKJAvatar.styled.js';
|
|
6
|
-
export const BKJAvatar = ({ src, fontSize = 24, fallbackAvatarColor, showPendingSignUp = false, ...rest }) => {
|
|
6
|
+
export const BKJAvatar = ({ src, alt = '', fontSize = 24, fallbackAvatarColor, showPendingSignUp = false, ...rest }) => {
|
|
7
7
|
const FallbackLoadingComponent = useCallback(() => _jsx(BKJIcon, { color: fallbackAvatarColor, fontSize: fontSize, iconName: "Avatar", ...rest }), [fallbackAvatarColor, fontSize, rest]);
|
|
8
|
-
return (_jsxs(ImageContainer, { children: [_jsx(BKJImage, { alt:
|
|
8
|
+
return (_jsxs(ImageContainer, { children: [_jsx(BKJImage, { alt: alt, src: src || '', LoadingComponent: FallbackLoadingComponent, FallbackComponent: FallbackLoadingComponent, variant: 'Round', ...rest }), showPendingSignUp && _jsx(PendingSignUpIcon, { iconName: "PendingSignup", ...rest })] }));
|
|
9
9
|
};
|
|
10
10
|
//# sourceMappingURL=BKJAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJAvatar.js","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,CAAC,MAAM,SAAS,GAA8B,CAAC,EACO,GAAG,EACH,QAAQ,GAAG,EAAE,EACb,mBAAmB,EACnB,iBAAiB,GAAG,KAAK,EACzB,GAAG,IAAI,EACR,EAAE,EAAE;IAC7D,MAAM,wBAAwB,GAAG,WAAW,CAC1C,GAAG,EAAE,CAAC,KAAC,OAAO,IAAC,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,QAAQ,KAAK,IAAI,GAAI,EAC7F,CAAC,mBAAmB,EAAE,QAAQ,EAAE,IAAI,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,MAAC,cAAc,eACb,KAAC,QAAQ,IACP,GAAG,
|
|
1
|
+
{"version":3,"file":"BKJAvatar.js","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,CAAC,MAAM,SAAS,GAA8B,CAAC,EACO,GAAG,EACH,GAAG,GAAG,EAAE,EACR,QAAQ,GAAG,EAAE,EACb,mBAAmB,EACnB,iBAAiB,GAAG,KAAK,EACzB,GAAG,IAAI,EACR,EAAE,EAAE;IAC7D,MAAM,wBAAwB,GAAG,WAAW,CAC1C,GAAG,EAAE,CAAC,KAAC,OAAO,IAAC,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,QAAQ,KAAK,IAAI,GAAI,EAC7F,CAAC,mBAAmB,EAAE,QAAQ,EAAE,IAAI,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,MAAC,cAAc,eACb,KAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,IAAI,EAAE,EACd,gBAAgB,EAAE,wBAAwB,EAC1C,iBAAiB,EAAE,wBAAwB,EAC3C,OAAO,EAAE,OAAO,KACZ,IAAI,GACR,EACD,iBAAiB,IAAI,KAAC,iBAAiB,IAAC,QAAQ,EAAC,eAAe,KAAK,IAAI,GAAI,IAC/D,CAClB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { StoryFn } from '@storybook/react';
|
|
1
2
|
import { IBKJAvatarProps } from './BKJAvatar.types.js';
|
|
2
3
|
declare const _default: {
|
|
3
4
|
title: string;
|
|
@@ -9,6 +10,12 @@ declare const _default: {
|
|
|
9
10
|
type: string;
|
|
10
11
|
};
|
|
11
12
|
};
|
|
13
|
+
alt: {
|
|
14
|
+
name: string;
|
|
15
|
+
control: {
|
|
16
|
+
type: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
12
19
|
width: {
|
|
13
20
|
name: string;
|
|
14
21
|
control: {
|
|
@@ -37,4 +44,7 @@ declare const _default: {
|
|
|
37
44
|
};
|
|
38
45
|
export default _default;
|
|
39
46
|
export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJAvatarProps>;
|
|
47
|
+
export declare const AdjacentToName: StoryFn<IBKJAvatarProps>;
|
|
48
|
+
export declare const Standalone: StoryFn<IBKJAvatarProps>;
|
|
49
|
+
export declare const WithPendingSignUp: StoryFn<IBKJAvatarProps>;
|
|
40
50
|
//# sourceMappingURL=BKJAvatar.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJAvatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BKJAvatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKpD,wBAyCE;AAQF,eAAO,MAAM,OAAO,2GAKlB,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,eAAe,CAOnD,CAAC;AASF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,eAAe,CAI/C,CAAC;AASF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,eAAe,CAItD,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { BKJAvatar } from './BKJAvatar.js';
|
|
3
3
|
import { BKJThemeProvider } from '../../providers/BKJThemeProvider/index.js';
|
|
4
|
+
const SAMPLE_AVATAR_SRC = 'https://s3.amazonaws.com/bjk2-0/sandbox/user/avatar/15605/small_8153694F-2098-49BE-A135-4C2B9EBA3DFA.jpg';
|
|
4
5
|
export default {
|
|
5
6
|
title: 'Basic Elements/BKJAvatar',
|
|
6
7
|
component: BKJAvatar,
|
|
@@ -11,6 +12,12 @@ export default {
|
|
|
11
12
|
type: 'text',
|
|
12
13
|
},
|
|
13
14
|
},
|
|
15
|
+
alt: {
|
|
16
|
+
name: 'Alt Text',
|
|
17
|
+
control: {
|
|
18
|
+
type: 'text',
|
|
19
|
+
},
|
|
20
|
+
},
|
|
14
21
|
width: {
|
|
15
22
|
name: 'Width',
|
|
16
23
|
control: {
|
|
@@ -39,9 +46,34 @@ export default {
|
|
|
39
46
|
};
|
|
40
47
|
const Template = ({ ...rest }) => (_jsx(BKJThemeProvider, { children: _jsx(BKJAvatar, { ...rest }) }));
|
|
41
48
|
export const Default = Template.bind({
|
|
42
|
-
src:
|
|
49
|
+
src: SAMPLE_AVATAR_SRC,
|
|
43
50
|
width: '20px',
|
|
44
51
|
height: '20px',
|
|
45
52
|
fallbackAvatarColor: 'Grey3',
|
|
46
53
|
});
|
|
54
|
+
export const AdjacentToName = (args) => (_jsx(BKJThemeProvider, { children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [_jsx(BKJAvatar, { ...args }), _jsx("span", { children: "Jane Smith" })] }) }));
|
|
55
|
+
AdjacentToName.args = {
|
|
56
|
+
src: SAMPLE_AVATAR_SRC,
|
|
57
|
+
alt: '',
|
|
58
|
+
width: '40px',
|
|
59
|
+
height: '40px',
|
|
60
|
+
fallbackAvatarColor: 'Grey3',
|
|
61
|
+
};
|
|
62
|
+
export const Standalone = (args) => (_jsx(BKJThemeProvider, { children: _jsx(BKJAvatar, { ...args }) }));
|
|
63
|
+
Standalone.args = {
|
|
64
|
+
src: SAMPLE_AVATAR_SRC,
|
|
65
|
+
alt: 'Jane Smith',
|
|
66
|
+
width: '40px',
|
|
67
|
+
height: '40px',
|
|
68
|
+
fallbackAvatarColor: 'Grey3',
|
|
69
|
+
};
|
|
70
|
+
export const WithPendingSignUp = (args) => (_jsx(BKJThemeProvider, { children: _jsx(BKJAvatar, { ...args }) }));
|
|
71
|
+
WithPendingSignUp.args = {
|
|
72
|
+
src: SAMPLE_AVATAR_SRC,
|
|
73
|
+
alt: 'Jane Smith (pending signup)',
|
|
74
|
+
width: '40px',
|
|
75
|
+
height: '40px',
|
|
76
|
+
fallbackAvatarColor: 'Grey3',
|
|
77
|
+
showPendingSignUp: true,
|
|
78
|
+
};
|
|
47
79
|
//# sourceMappingURL=BKJAvatar.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJAvatar.stories.js","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAGpE,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,IAAI,EAAE,KAAK;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,mBAAmB,EAAE;YACnB,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;QACD,iBAAiB,EAAE;YACjB,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAA6B,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC1D,KAAC,gBAAgB,cACf,KAAC,SAAS,OAAK,IAAI,GAAI,GACN,CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC;IACnC,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"BKJAvatar.stories.js","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAGpE,MAAM,iBAAiB,GACrB,0GAA0G,CAAC;AAE7G,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,IAAI,EAAE,KAAK;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,GAAG,EAAE;YACH,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,mBAAmB,EAAE;YACnB,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;QACD,iBAAiB,EAAE;YACjB,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAA6B,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC1D,KAAC,gBAAgB,cACf,KAAC,SAAS,OAAK,IAAI,GAAI,GACN,CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC;IACnC,GAAG,EAAE,iBAAiB;IACtB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,mBAAmB,EAAE,OAAO;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAA6B,CAAC,IAAI,EAAE,EAAE,CAAC,CAChE,KAAC,gBAAgB,cACf,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC3D,KAAC,SAAS,OAAK,IAAI,GAAI,EACvB,wCAAuB,IACnB,GACW,CACpB,CAAC;AACF,cAAc,CAAC,IAAI,GAAG;IACpB,GAAG,EAAE,iBAAiB;IACtB,GAAG,EAAE,EAAE;IACP,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,mBAAmB,EAAE,OAAO;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA6B,CAAC,IAAI,EAAE,EAAE,CAAC,CAC5D,KAAC,gBAAgB,cACf,KAAC,SAAS,OAAK,IAAI,GAAI,GACN,CACpB,CAAC;AACF,UAAU,CAAC,IAAI,GAAG;IAChB,GAAG,EAAE,iBAAiB;IACtB,GAAG,EAAE,YAAY;IACjB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,mBAAmB,EAAE,OAAO;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAA6B,CAAC,IAAI,EAAE,EAAE,CAAC,CACnE,KAAC,gBAAgB,cACf,KAAC,SAAS,OAAK,IAAI,GAAI,GACN,CACpB,CAAC;AACF,iBAAiB,CAAC,IAAI,GAAG;IACvB,GAAG,EAAE,iBAAiB;IACtB,GAAG,EAAE,6BAA6B;IAClC,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,mBAAmB,EAAE,OAAO;IAC5B,iBAAiB,EAAE,IAAI;CACxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJAvatar.test.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { renderAndCheckA11y, renderWithTheme } from '../../test-utils/index.js';
|
|
3
|
+
import { BKJAvatar } from './BKJAvatar.js';
|
|
4
|
+
describe('BKJAvatar', () => {
|
|
5
|
+
describe('Accessibility (FR-008)', () => {
|
|
6
|
+
it('decorative default — no alt prop, axe-clean', async () => {
|
|
7
|
+
const { axeResults } = await renderAndCheckA11y(_jsx(BKJAvatar, { src: "https://example.com/jane.jpg", width: "40px", height: "40px", fallbackAvatarColor: "Grey3" }));
|
|
8
|
+
expect(axeResults).toHaveNoViolations();
|
|
9
|
+
});
|
|
10
|
+
it('informative — alt="Jane Smith", axe-clean', async () => {
|
|
11
|
+
const { axeResults } = await renderAndCheckA11y(_jsx(BKJAvatar, { alt: "Jane Smith", src: "https://example.com/jane.jpg", width: "40px", height: "40px", fallbackAvatarColor: "Grey3" }));
|
|
12
|
+
expect(axeResults).toHaveNoViolations();
|
|
13
|
+
});
|
|
14
|
+
it('fallback path — no src triggers BKJIcon fallback rendering, axe-clean', async () => {
|
|
15
|
+
const { axeResults } = await renderAndCheckA11y(_jsx(BKJAvatar, { width: "40px", height: "40px", fallbackAvatarColor: "Grey3" }));
|
|
16
|
+
expect(axeResults).toHaveNoViolations();
|
|
17
|
+
});
|
|
18
|
+
it('showPendingSignUp={true} — indicator overlay, axe-clean', async () => {
|
|
19
|
+
const { axeResults } = await renderAndCheckA11y(_jsx(BKJAvatar, { src: "https://example.com/jane.jpg", width: "40px", height: "40px", fallbackAvatarColor: "Grey3", showPendingSignUp: true }));
|
|
20
|
+
expect(axeResults).toHaveNoViolations();
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
describe('Behavioural contracts (FR-009)', () => {
|
|
24
|
+
// DOM-selector exception (Constitution §VII): aria-hidden / empty-alt elements are
|
|
25
|
+
// AT-tree-invisible by definition and have no Testing Library role query. Same
|
|
26
|
+
// exception applied in WEB-4841 BKJIcon's tests.
|
|
27
|
+
it('(a) <img> carries alt="" when no alt prop is passed', () => {
|
|
28
|
+
const { container } = renderWithTheme(_jsx(BKJAvatar, { src: "https://example.com/jane.jpg", width: "40px", height: "40px", fallbackAvatarColor: "Grey3" }));
|
|
29
|
+
const img = container.querySelector('img');
|
|
30
|
+
expect(img).not.toBeNull();
|
|
31
|
+
expect(img.getAttribute('alt')).toBe('');
|
|
32
|
+
});
|
|
33
|
+
it('(b) <img> carries consumer-supplied string when alt="Jane Smith" passed', () => {
|
|
34
|
+
const { container } = renderWithTheme(_jsx(BKJAvatar, { alt: "Jane Smith", src: "https://example.com/jane.jpg", width: "40px", height: "40px", fallbackAvatarColor: "Grey3" }));
|
|
35
|
+
const img = container.querySelector('img');
|
|
36
|
+
expect(img).not.toBeNull();
|
|
37
|
+
expect(img.getAttribute('alt')).toBe('Jane Smith');
|
|
38
|
+
});
|
|
39
|
+
it('(c) fallback BKJIcon renders with aria-hidden="true" (verifies WEB-4841 inheritance)', () => {
|
|
40
|
+
const { container } = renderWithTheme(_jsx(BKJAvatar, { width: "40px", height: "40px", fallbackAvatarColor: "Grey3" }));
|
|
41
|
+
const svg = container.querySelector('svg');
|
|
42
|
+
expect(svg).not.toBeNull();
|
|
43
|
+
expect(svg.getAttribute('aria-hidden')).toBe('true');
|
|
44
|
+
});
|
|
45
|
+
it('(d) PendingSignup indicator renders with aria-hidden="true" when showPendingSignUp=true', () => {
|
|
46
|
+
const { container } = renderWithTheme(_jsx(BKJAvatar, { src: "https://example.com/jane.jpg", width: "40px", height: "40px", fallbackAvatarColor: "Grey3", showPendingSignUp: true }));
|
|
47
|
+
const svgs = container.querySelectorAll('svg');
|
|
48
|
+
// Indicator is rendered after the BKJImage subtree; last SVG in the tree.
|
|
49
|
+
const indicator = svgs[svgs.length - 1];
|
|
50
|
+
expect(indicator).not.toBeUndefined();
|
|
51
|
+
expect(indicator.getAttribute('aria-hidden')).toBe('true');
|
|
52
|
+
});
|
|
53
|
+
});
|
|
54
|
+
});
|
|
55
|
+
//# sourceMappingURL=BKJAvatar.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJAvatar.test.js","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;QACtC,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;YAC3D,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,kBAAkB,CAC7C,KAAC,SAAS,IACR,GAAG,EAAC,8BAA8B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,OAAO,GAC3B,CACH,CAAC;YACF,MAAM,CAAC,UAAU,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;YACzD,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,kBAAkB,CAC7C,KAAC,SAAS,IACR,GAAG,EAAC,YAAY,EAChB,GAAG,EAAC,8BAA8B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,OAAO,GAC3B,CACH,CAAC;YACF,MAAM,CAAC,UAAU,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,uEAAuE,EAAE,KAAK,IAAI,EAAE;YACrF,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,kBAAkB,CAC7C,KAAC,SAAS,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,mBAAmB,EAAC,OAAO,GAAG,CACrE,CAAC;YACF,MAAM,CAAC,UAAU,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;YACvE,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,kBAAkB,CAC7C,KAAC,SAAS,IACR,GAAG,EAAC,8BAA8B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,OAAO,EAC3B,iBAAiB,SACjB,CACH,CAAC;YACF,MAAM,CAAC,UAAU,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAC1C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;QAC9C,mFAAmF;QACnF,+EAA+E;QAC/E,iDAAiD;QAEjD,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;YAC7D,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,CACnC,KAAC,SAAS,IACR,GAAG,EAAC,8BAA8B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,OAAO,GAC3B,CACH,CAAC;YACF,MAAM,GAAG,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YAC3B,MAAM,CAAC,GAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yEAAyE,EAAE,GAAG,EAAE;YACjF,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,CACnC,KAAC,SAAS,IACR,GAAG,EAAC,YAAY,EAChB,GAAG,EAAC,8BAA8B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,OAAO,GAC3B,CACH,CAAC;YACF,MAAM,GAAG,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YAC3B,MAAM,CAAC,GAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sFAAsF,EAAE,GAAG,EAAE;YAC9F,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,CACnC,KAAC,SAAS,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,mBAAmB,EAAC,OAAO,GAAG,CACrE,CAAC;YACF,MAAM,GAAG,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YAC3B,MAAM,CAAC,GAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yFAAyF,EAAE,GAAG,EAAE;YACjG,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,CACnC,KAAC,SAAS,IACR,GAAG,EAAC,8BAA8B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,OAAO,EAC3B,iBAAiB,SACjB,CACH,CAAC;YACF,MAAM,IAAI,GAAG,SAAS,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAC/C,0EAA0E;YAC1E,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACxC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;YACtC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJAvatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,iBAAiB,CAAC;CACxC"}
|
|
1
|
+
{"version":3,"file":"BKJAvatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,iBAAiB,CAAC;CACxC"}
|