tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

overlay-interpolation.html (1930B)

      1 <!DOCTYPE html>
      2 <link rel=author href="mailto:jarhar@chromium.org">
      3 <link rel=help href="https://drafts.csswg.org/css-position-4/#overlay">
      4 <script src="/resources/testharness.js"></script>
      5 <script src="/resources/testharnessreport.js"></script>
      6 <script src="/css/support/interpolation-testcommon.js"></script>
      7 
      8 <body>
      9 <script>
     10 const alwaysAuto = [
     11  {at: -1, expect: 'auto'},
     12  {at: 0, expect: 'auto'},
     13  {at: 0.1, expect: 'auto'},
     14  {at: 0.9, expect: 'auto'},
     15  {at: 1, expect: 'auto'},
     16  {at: 1.5, expect: 'auto'},
     17 ];
     18 const alwaysNone = [
     19  {at: -1, expect: 'none'},
     20  {at: 0, expect: 'none'},
     21  {at: 0.1, expect: 'none'},
     22  {at: 0.9, expect: 'none'},
     23  {at: 1, expect: 'none'},
     24  {at: 1.5, expect: 'none'},
     25 ];
     26 
     27 test_interpolation({
     28  property: 'overlay',
     29  from: 'auto',
     30  to: 'none',
     31  // transition:all is not supposed to allow overlay to be transitioned.
     32  'CSS Transitions with transition: all': alwaysNone,
     33 }, [
     34  {at: -1, expect: 'auto'},
     35  {at: 0, expect: 'auto'},
     36  {at: 0.1, expect: 'auto'},
     37  {at: 0.9, expect: 'auto'},
     38  {at: 1, expect: 'none'},
     39  {at: 1.5, expect: 'none'},
     40 ]);
     41 
     42 test_interpolation({
     43  property: 'overlay',
     44  from: 'none',
     45  to: 'auto',
     46  // transition:all is not supposed to allow overlay to be transitioned.
     47  'CSS Transitions with transition: all': alwaysAuto,
     48 }, [
     49  {at: -1, expect: 'none'},
     50  {at: 0, expect: 'none'},
     51  {at: 0.1, expect: 'auto'},
     52  {at: 0.9, expect: 'auto'},
     53  {at: 1, expect: 'auto'},
     54  {at: 1.5, expect: 'auto'},
     55 ]);
     56 
     57 test_interpolation({
     58  property: 'overlay',
     59  from: 'auto',
     60  to: 'auto'
     61 }, [
     62  {at: -1, expect: 'auto'},
     63  {at: 0, expect: 'auto'},
     64  {at: 0.5, expect: 'auto'},
     65  {at: 1, expect: 'auto'},
     66  {at: 1.5, expect: 'auto'},
     67 ]);
     68 
     69 test_interpolation({
     70  property: 'overlay',
     71  from: 'none',
     72  to: 'none'
     73 }, [
     74  {at: -1, expect: 'none'},
     75  {at: 0, expect: 'none'},
     76  {at: 0.5, expect: 'none'},
     77  {at: 1, expect: 'none'},
     78  {at: 1.5, expect: 'none'},
     79 ]);
     80 </script>