Revision 9b9293f0a667ca23ded04060894c2ce9e4a3e19c authored by Brian Birtles on 15 February 2018, 11:42:52 UTC, committed by moz-wptsync-bot on 15 February 2018, 11:42:52 UTC
These tests test the behavior introduced in the following changesets to the Web
Animations specification:

  1. https://github.com/w3c/csswg-drafts/commit/5af5e276badf4df0271bcfa0b8e7837fff24133a
  2. https://github.com/w3c/csswg-drafts/commit/673f6fc1269829743c707c53dcb04092f958de35

which can be viewed as a merged diff at:

  https://gist.github.com/birtles/d147eb2e0e2d4d37fadf217abd709411

See the following spec issues:

  1. https://github.com/w3c/csswg-drafts/issues/2059
  2. https://github.com/w3c/csswg-drafts/issues/2266
bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1436659
gecko-commit: 7465cb110ae5ec2e2ca73182caf5293f0efc8fd5
gecko-integration-branch: central
gecko-reviewers: hiro
1 parent eb7491d
Raw File
test_server_timing.html
<!DOCTYPE html>
<head>
    <meta charset='utf-8' />
    <script src="/resources/testharness.js"></script>
    <script src='/resources/testharnessreport.js'></script>
    <script src="/common/performance-timeline-utils.js"></script>
    <script>
      setup({explicit_done: true})

      window.addEventListener('load', function() {
        // there should be exactly three server-timing entries, 2 for document, 1 for img#one
        test_entries(performance.getEntriesByType('navigation')[0].serverTiming, [{
          duration: 1.1,
          name: 'metric1',
          description: 'document',
        }, {
          duration: 1.2,
          name: 'metric1',
          description: 'document',
        }])
        test_entries(performance.getEntriesByName(document.querySelector('img#one').src)[0].serverTiming, [{
          duration: 2.1,
          name: 'metric2',
          description: 'blue.png',
        }])

        new PerformanceObserver(function(entryList, observer) {
          // there should be exactly one server-timing entry, 1 for img#two
          test_entries(entryList.getEntriesByName(document.querySelector('img#two').src)[0].serverTiming, [{
            duration: 3.1,
            name: 'metric3',
            description: 'green.png',
          }])
          observer.disconnect()
          done()
        }).observe({entryTypes: ['resource']})

        var img = document.createElement('img')
        img.id = 'two'
        img.src = './resources/green.png'
        document.getElementsByTagName('script')[0].parentNode.appendChild(img)
      })
    </script>
</head>
<img id='one' src='resources/blue.png'>
back to top