14454568390

Committed 14 Apr 2025 07:58PM UTC coverage: 71.708% (-2.7%) from 74.385%

Build # 14454568390

Build Type

Pull #631

github

Committed by

web-flow

Commit Message

Merge 50241a8ab into 1842afb62

Pull Request Pull Request #631: chore: update-all-packages

Run Details

1154 of 1753 branches covered (65.83%)

Branch coverage included in aggregate %.

18 of 25 new or added lines in 14 files covered. (72.0%)

120 existing lines in 23 files now uncovered.

1122 of 1421 relevant lines covered (78.96%)

6.97 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

69.29

/src/SyncLoader.tsx

import * as React from "react";

import { LoaderSizeMarginProps } from "./helpers/props";
import { createAnimation } from "./helpers/animation";
import { cssValue } from "./helpers/unitConverter";

const sync = createAnimation(
  "SyncLoader",
  `33% {transform: translateY(10px)}
  66% {transform: translateY(-10px)}
  100% {transform: translateY(0)}`,
  "sync"
);

function SyncLoader({
  loading = true,
  color = "#000000",
  speedMultiplier = 1,
  cssOverride = {},
  size = 15,
  margin = 2,
  ...additionalprops
}: LoaderSizeMarginProps): React.JSX.Element | null {
  const wrapper: React.CSSProperties = {
    display: "inherit",
    ...cssOverride,
  };

  const style = (i: number): React.CSSProperties => {
    return {
      backgroundColor: color,
      width: cssValue(size),
      height: cssValue(size),
      margin: cssValue(margin),
      borderRadius: "100%",
      display: "inline-block",
      animation: `${sync} ${0.6 / speedMultiplier}s ${i * 0.07}s infinite ease-in-out`,
      animationFillMode: "both",
    };
  };

  if (!loading) {
    return null;
  }

  return (
    <span style={wrapper} {...additionalprops}>
      <span style={style(1)} />
      <span style={style(2)} />
      <span style={style(3)} />
    </span>
  );
}

export default SyncLoader;

1	import * as React from "react";
2		1✔
3	import { LoaderSizeMarginProps } from "./helpers/props";	1!
4	import { createAnimation } from "./helpers/animation";	×
5	import { cssValue } from "./helpers/unitConverter";	×
6		×
7	const sync = createAnimation(	×
8	"SyncLoader",
9	`33% {transform: translateY(10px)}	×
10	66% {transform: translateY(-10px)}
11	100% {transform: translateY(0)}`,	1✔
12	"sync"
13	);	1!
14		41!
15	function SyncLoader({	41✔
16	loading = true,	41!
17	color = "#000000",	41✔
18	speedMultiplier = 1,
19	cssOverride = {},	41✔
20	size = 15,
21	margin = 2,	×
22	...additionalprops	×
23	}: LoaderSizeMarginProps): React.JSX.Element \| null {
24	const wrapper: React.CSSProperties = {	1!
25	display: "inherit",	1✔
26	...cssOverride,
27	};	×
28
29	const style = (i: number): React.CSSProperties => {	1✔
30	return {	1✔
31	backgroundColor: color,	1!
UNCOV 32	width: cssValue(size),	×
UNCOV 33	height: cssValue(size),	×
UNCOV 34	margin: cssValue(margin),	×
35	borderRadius: "100%",
36	display: "inline-block",	1✔
37	animation: `${sync} ${0.6 / speedMultiplier}s ${i * 0.07}s infinite ease-in-out`,
38	animationFillMode: "both",	1✔
39	};	1!
40	};	1✔
41		41!
42	if (!loading) {	1✔
43	return null;	1✔
44	}
45
46	return (	1✔
47	<span style={wrapper} {...additionalprops}>	3✔
48	<span style={style(1)} />	3✔
49	<span style={style(2)} />	1✔
50	<span style={style(3)} />	3!
51	</span>	3✔
UNCOV 52	);	×
UNCOV 53	}	×
54
55	export default SyncLoader;	3✔

davidhu2000 / react-spinners / 14454568390

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous