#11898

pending completion

Build # #11898

Build Type

push

circleci

Committed by

web-flow

Commit Message

Merge pull request #2770 from mozilla/license

Add license headers in source files

Run Details

282 of 1138 branches covered (24.78%)

Branch coverage included in aggregate %.

959 of 3049 relevant lines covered (31.45%)

2.55 hits per line

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

0.0

/src/client/js/resize-observer.js

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

const resizeObserver = new ResizeObserver(handleResize)
const mediaQueryMobile = window.matchMedia('(max-width: 480px)') // this breakpoint is also set in variables.css
const header = document.querySelector('body > header')
const footer = document.querySelector('body > footer')
const nav = document.querySelector('body > nav')

function handleResize (entries) {
  let size

  entries.forEach((entry) => {
    switch (entry.target) {
      case header:
        size = entry.borderBoxSize[0].blockSize
        document.documentElement.style.setProperty('--header-h', `${Math.round(size)}px`)
        break
      case footer:
        size = entry.borderBoxSize[0].blockSize
        document.documentElement.style.setProperty('--footer-h', `${Math.round(size)}px`)
        break
      case nav:
        size = entry.borderBoxSize[0].inlineSize
        if (size) {
          document.documentElement.style.setProperty('--nav-w', `${Math.round(size)}px`)
        } else {
          document.documentElement.style.removeProperty('--nav-w')
        }
    }
  })
}

function handleMediaQuery (e = mediaQueryMobile) {
  document.documentElement.classList.toggle('mobile', e.matches)
  if (nav) nav.toggleAttribute('hidden', e.matches)
}

if (header) resizeObserver.observe(header)
if (footer) resizeObserver.observe(footer)
if (nav) resizeObserver.observe(nav)

handleMediaQuery()
mediaQueryMobile.addEventListener('change', handleMediaQuery)

1	/* This Source Code Form is subject to the terms of the Mozilla Public
2	* License, v. 2.0. If a copy of the MPL was not distributed with this
3	* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5	const resizeObserver = new ResizeObserver(handleResize)	×
6	const mediaQueryMobile = window.matchMedia('(max-width: 480px)') // this breakpoint is also set in variables.css	×
7	const header = document.querySelector('body > header')	×
8	const footer = document.querySelector('body > footer')	×
9	const nav = document.querySelector('body > nav')	×
10
11	function handleResize (entries) {
12	let size
13
14	entries.forEach((entry) => {	×
15	switch (entry.target) {	×
16	case header:
17	size = entry.borderBoxSize[0].blockSize	×
18	document.documentElement.style.setProperty('--header-h', `${Math.round(size)}px`)	×
19	break	×
20	case footer:
21	size = entry.borderBoxSize[0].blockSize	×
22	document.documentElement.style.setProperty('--footer-h', `${Math.round(size)}px`)	×
23	break	×
24	case nav:
25	size = entry.borderBoxSize[0].inlineSize	×
26	if (size) {	×
27	document.documentElement.style.setProperty('--nav-w', `${Math.round(size)}px`)	×
28	} else {
29	document.documentElement.style.removeProperty('--nav-w')	×
30	}
31	}
32	})
33	}
34
35	function handleMediaQuery (e = mediaQueryMobile) {	×
36	document.documentElement.classList.toggle('mobile', e.matches)	×
37	if (nav) nav.toggleAttribute('hidden', e.matches)	×
38	}
39
40	if (header) resizeObserver.observe(header)	×
41	if (footer) resizeObserver.observe(footer)	×
42	if (nav) resizeObserver.observe(nav)	×
43
44	handleMediaQuery()	×
45	mediaQueryMobile.addEventListener('change', handleMediaQuery)	×

mozilla / blurts-server / #11898

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