forked from mui/material-ui
-
Notifications
You must be signed in to change notification settings - Fork 0
/
appendOwnerState.test.ts
67 lines (56 loc) · 1.79 KB
/
appendOwnerState.test.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
import { expect } from 'chai';
import appendOwnerState from './appendOwnerState';
const ownerState = {
className: 'bar',
checked: true,
};
function CustomComponent() {
return null;
}
describe('appendOwnerState', () => {
describe('when the provided elementType is undefined', () => {
it('returns the provided existingProps without modification ', () => {
const existingProps = { className: 'foo' };
const actual = appendOwnerState(undefined, existingProps, ownerState);
expect(actual).to.equal(existingProps);
});
});
describe('when a DOM element is provided as elementType', () => {
it('returns the provided existingProps without modification ', () => {
const existingProps = { className: 'foo' };
const actual = appendOwnerState('div', existingProps, ownerState);
expect(actual).to.equal(existingProps);
});
});
describe('when a React component is provided as elementType', () => {
it('returns the provided existingProps with added ownerState', () => {
const existingProps = { className: 'foo' };
const actual = appendOwnerState(CustomComponent, existingProps, ownerState);
expect(actual).to.deep.equal({
className: 'foo',
ownerState: {
className: 'bar',
checked: true,
},
});
});
it('merges the provided ownerState with existing ones', () => {
const existingProps = {
ownerState: {
className: 'foo',
id: 'foo',
},
className: 'foo',
};
const actual = appendOwnerState(CustomComponent, existingProps, ownerState);
expect(actual).to.deep.equal({
className: 'foo',
ownerState: {
className: 'bar',
id: 'foo',
checked: true,
},
});
});
});
});