test: add modernizr gtk/wpe diff (#7454)

tests/modernizr.spec.ts

@@ -32,7 +32,7 @@ async function checkFeatures(name: string, context: any, server: any) {
 it('safari-14-1', async ({ browser, browserName, platform, server }) => {
   it.fixme();
 
-  /*
+  /* macOS
    +   "atRule": undefined,
        "atob-btoa": true,
        "atobbtoa": true,
@@ -59,6 +59,48 @@ it('safari-14-1', async ({ browser, browserName, platform, server }) => {
    +   },
    */
 
+  /* GTK
+   -   "gamepads": true,
+   +   "gamepads": false,
+   -   "getusermedia": true,
+   -   "hairline": true,
+   +   "getusermedia": false,
+   +   "hairline": false,
+   +   "hasEvent": undefined,
+
+       "input": Object {
+   -     "list": true,
+   +     "list": false,
+       },
+       "inputtypes": Object {
+   -     "color": true,
+   -     "date": true,
+   +     "color": false,
+   +     "date": false,
+   -     "datetime-local": true,
+   +     "datetime-local": false,
+   -     "time": true,
+   +     "time": false,
+       },
+   -   "peerconnection": true,
+   +   "peerconnection": false,
+   -   "pointerlock": true,
+   +   "pointerlock": false,
+   -   "speechrecognition": true,
+   -   "speechsynthesis": true,
+   +   "speechrecognition": false,
+   +   "speechsynthesis": false,
+   -   "subpixelfont": true,
+   +   "subpixelfont": false,
+   -   "todataurljpeg": true,
+   +   "todataurljpeg": false,
+   */
+
+  /* WPE
+   -   "datalistelem": true,
+   +   "datalistelem": false,
+   */
+
   it.skip(browserName !== 'webkit' ||  platform !== 'darwin');
   const context = await browser.newContext();
   await checkFeatures('safari-14-1', context, server);
@@ -67,7 +109,7 @@ it('safari-14-1', async ({ browser, browserName, platform, server }) => {
 it('mobile-safari-14-1', async ({ playwright, browser, browserName, platform, server }) => {
   it.fixme();
 
-  /*
+  /* macOS
    +   "atRule": undefined,
        "atob-btoa": true,
        "atobbtoa": true,
@@ -90,7 +132,7 @@ it('mobile-safari-14-1', async ({ playwright, browser, browserName, platform, se
    -   "devicemotion": true,
    -   "deviceorientation": true,
    +   "devicemotion": false,
-    +   "deviceorientation": false,
+   +   "deviceorientation": falsef,
    -   "fullscreen": false,
    +   "fullscreen": true,
    -   "hairline": true,
@@ -120,6 +162,50 @@ it('mobile-safari-14-1', async ({ playwright, browser, browserName, platform, se
    +   },
    */
 
+  /* GTK
+   -   "datalistelem": true,
+   +   "datalistelem": false,
+   -   "gamepads": true,
+   +   "gamepads": false,
+   -   "getusermedia": true,
+   -   "hairline": true,
+   +   "getusermedia": false,
+   +   "hairline": false,
+   +   "hasEvent": undefined,
+
+       "input": Object {
+   -     "list": true,
+   +     "list": false,
+       },
+       "inputtypes": Object {
+   -     "color": true,
+   -     "date": true,
+   +     "color": false,
+   +     "date": false,
+   -     "datetime-local": true,
+   +     "datetime-local": false,
+   -     "time": true,
+   +     "time": false,
+       },
+   -   "peerconnection": true,
+   +   "peerconnection": false,
+   -   "pointerlock": true,
+   +   "pointerlock": false,
+   -   "speechrecognition": true,
+   -   "speechsynthesis": true,
+   +   "speechrecognition": false,
+   +   "speechsynthesis": false,
+   -   "subpixelfont": true,
+   +   "subpixelfont": false,
+   -   "todataurljpeg": true,
+   +   "todataurljpeg": false,
+   */
+
+  /* WPE
+   -   "datalistelem": true,
+   +   "datalistelem": false,
+   */
+
   it.skip(browserName !== 'webkit' || platform !== 'darwin');
   const iPhone = playwright.devices['iPhone 12'];
   const context = await browser.newContext(iPhone);