• Home
  • Features
  • Pricing
  • Docs
  • Announcements
  • Sign In

react-ui-org / react-ui / 13347780833

15 Feb 2025 06:54PM CUT coverage: 91.854%. Remained the same
13347780833

Pull #589

github

web-flow
Merge 76a407e47 into 12a08088f
Pull Request #589: Update Github Workflows to use Ubuntu 24.04

815 of 892 branches covered (91.37%)

Branch coverage included in aggregate %.

741 of 802 relevant lines covered (92.39%)

71.72 hits per line

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

35.71
/src/components/ScrollView/_hooks/useScrollPositionHook.js
1
import {
2
  useLayoutEffect,
3
  useRef,
4
} from 'react';
5
import { getElementsPositionDifference } from '../_helpers/getElementsPositionDifference';
6

7
export const useScrollPosition = (effect, dependencies, contentEl, viewportEl, wait) => {
8✔
8
  const throttleTimeout = useRef(null);
30✔
9

10
  const callBack = (wasDelayed = false) => {
30!
11
    effect(getElementsPositionDifference(contentEl, viewportEl));
×
12

13
    if (wasDelayed) {
×
14
      throttleTimeout.current = null;
×
15
    }
16
  };
17

18
  useLayoutEffect(() => {
30✔
19
    const viewport = viewportEl.current;
30✔
20

21
    const handleScroll = () => {
30✔
22
      if (wait) {
×
23
        if (throttleTimeout.current === null) {
×
24
          throttleTimeout.current = setTimeout(callBack, wait, true);
×
25
        }
26
      } else {
27
        callBack();
×
28
      }
29
    };
30

31
    viewport.addEventListener('scroll', handleScroll);
30✔
32

33
    return () => {
30✔
34
      clearTimeout(throttleTimeout.current);
30✔
35
      viewport.removeEventListener('scroll', handleScroll);
30✔
36
    };
37
  }, dependencies); // eslint-disable-line react-hooks/exhaustive-deps
38
};
39

40
export default useScrollPosition;
STATUS · Troubleshooting · Open an Issue · Sales · Support · CAREERS · ENTERPRISE · START FREE · SCHEDULE DEMO
ANNOUNCEMENTS · TWITTER · TOS & SLA · Supported CI Services · What's a CI service? · Automated Testing

© 2025 Coveralls, Inc