utils getAspectRatio.js

100% Statements 4/4

83.33% Branches 5/6

100% Functions 1/1

100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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  
 
 
 
 
 
 
 
 
 
 
17x
17x
17x
 
 
 
 
 
17x
 
 
 
 
  // @flow
 
export default function getAspectRatio({
  height = 0,
  width = 0,
  applyAspectRatio,
}: {
  height?: number,
  width?: number,
  applyAspectRatio?: boolean,
}) {
  const aspectRatio = parseInt(height, 10) / parseInt(width, 10);
  const shouldUseAspectRatio = applyAspectRatio && !isNaN(aspectRatio); // eslint-disable-line
  const aspectRatioStyle = {
    position: 'relative',
    display: 'block',
    paddingBottom: shouldUseAspectRatio ? `${Math.abs(aspectRatio * 100)}%` : '',
  };
 
  return {
    shouldUseAspectRatio,
    aspectRatioStyle,
  };
}