Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-01-31 18:14:07 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: fix tests

Browse Source
This commit is contained in:
Roman Hotsiy 2020-07-06 15:53:31 +03:00
parent 30a27c116b
commit 371f3dfc4e
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Endpoint/Endpoint.tsx
View File

@ -62,7 +62,7 @@ export class Endpoint extends React.Component<EndpointProps, EndpointState> {
style={{ marginRight: '-25px' }} style={{ marginRight: '-25px' }}
/> />
</EndpointInfo> </EndpointInfo>
<ServersOverlay expanded={expanded}> <ServersOverlay expanded={expanded} aria-hidden={!expanded}>
{operation.servers.map(server => { {operation.servers.map(server => {
const normalizedUrl = options.expandDefaultServerVariables const normalizedUrl = options.expandDefaultServerVariables
? expandDefaultServerVariables(server.url, server.variables) ? expandDefaultServerVariables(server.url, server.variables)

3
src/components/Endpoint/styled.elements.ts
View File

@ -67,7 +67,8 @@ export const ServersOverlay = styled.div<{ expanded: boolean }>`
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
transition: all 0.25s ease; transition: all 0.25s ease;
${props => (props.expanded ? '' : 'transform: translateY(-50%) scaleY(0);')} visibility: hidden;
${props => (props.expanded ? 'visibility: visible;' : 'transform: translateY(-50%) scaleY(0);')}
`; `;
export const ServerItem = styled.div` export const ServerItem = styled.div`

6
src/components/__tests__/JsonViewer.tsx
View File

@ -25,11 +25,11 @@ describe('Components', () => {
test('should collapse/uncollapse', () => { test('should collapse/uncollapse', () => {
expect(component.html()).not.toContain('class="hoverable"'); // all are collapsed by default expect(component.html()).not.toContain('class="hoverable"'); // all are collapsed by default
const expandAll = component.find('div > span[children=" Expand all "]'); const expandAll = component.find('div > button[children=" Expand all "]');
expandAll.simulate('click'); expandAll.simulate('click');
expect(component.html()).toContain('class="hoverable"'); // all are collapsed expect(component.html()).toContain('class="hoverable"'); // all are collapsed
const collapseAll = component.find('div > span[children=" Collapse all "]'); const collapseAll = component.find('div > button[children=" Collapse all "]');
collapseAll.simulate('click'); collapseAll.simulate('click');
expect(component.html()).not.toContain('class="hoverable"'); // all are collapsed expect(component.html()).not.toContain('class="hoverable"'); // all are collapsed
}); });
@ -37,7 +37,7 @@ describe('Components', () => {
test('should collapse/uncollapse', () => { test('should collapse/uncollapse', () => {
ClipboardService.copySelected = jest.fn(); ClipboardService.copySelected = jest.fn();
const copy = component.find('span[onClick]').first(); const copy = component.find('button[onClick]').first();
copy.simulate('click'); copy.simulate('click');
expect(ClipboardService.copySelected as jest.Mock).toHaveBeenCalled(); expect(ClipboardService.copySelected as jest.Mock).toHaveBeenCalled();