[ci] Run web tests in wasm (unit + integration). (flutter#8111)

Adds CI configuration to run web integration tests (in the master channel) compiled to Wasm.

It also removes the `build-examples` step from web integration tests, in some isolated testing:

| platform tests shard | With build-examples | Without build-examples |
|---|-----|-----|
| 1 | 30m | 21m |
| 2 | 13m | 11m |
| 3 | 17m | 10m |

## Issues

* Fixes flutter/flutter#151664

Author: ditman

.ci.yaml

@@ -245,6 +245,38 @@ targets:
           "PACKAGE_SHARDING": "--shardIndex 1 --shardCount 2"
         }
 
+  # Wasm unit tests in master
+  - name: Linux_web web_dart_unit_test_wasm_shard_1 master
+    bringup: true
+    recipe: packages/packages
+    timeout: 60
+    properties:
+      add_recipes_cq: "true"
+      target_file: web_dart_unit_tests_wasm.yaml
+      channel: master
+      version_file: flutter_master.version
+      package_sharding: "--shardIndex 0 --shardCount 2"
+      env_variables: >-
+        {
+          "CHANNEL": "master",
+          "PACKAGE_SHARDING": "--shardIndex 0 --shardCount 2"
+        }
+
+  - name: Linux_web web_dart_unit_test_wasm_shard_2 master
+    bringup: true
+    recipe: packages/packages
+    timeout: 60
+    properties:
+      target_file: web_dart_unit_tests_wasm.yaml
+      channel: master
+      version_file: flutter_master.version
+      package_sharding: "--shardIndex 1 --shardCount 2"
+      env_variables: >-
+        {
+          "CHANNEL": "master",
+          "PACKAGE_SHARDING": "--shardIndex 1 --shardCount 2"
+        }
+
   - name: Linux analyze master
     recipe: packages/packages
     timeout: 30
@@ -846,6 +878,7 @@ targets:
           "CHANNEL": "stable"
         }
 
+  # JS integration tests in master
   - name: Linux_web web_platform_tests_shard_1 master
     recipe: packages/packages
     timeout: 60
@@ -888,6 +921,53 @@ targets:
           "PACKAGE_SHARDING": "--shardIndex 2 --shardCount 3"
         }
 
+  # Wasm integration tests in master
+  - name: Linux_web web_platform_tests_wasm_shard_1 master
+    bringup: true
+    recipe: packages/packages
+    timeout: 60
+    properties:
+      target_file: web_platform_tests_wasm.yaml
+      version_file: flutter_master.version
+      channel: master
+      package_sharding: "--shardIndex 0 --shardCount 3"
+      env_variables: >-
+        {
+          "CHANNEL": "master",
+          "PACKAGE_SHARDING": "--shardIndex 0 --shardCount 3"
+        }
+
+  - name: Linux_web web_platform_tests_wasm_shard_2 master
+    bringup: true
+    recipe: packages/packages
+    timeout: 60
+    properties:
+      target_file: web_platform_tests_wasm.yaml
+      version_file: flutter_master.version
+      channel: master
+      package_sharding: "--shardIndex 1 --shardCount 3"
+      env_variables: >-
+        {
+          "CHANNEL": "master",
+          "PACKAGE_SHARDING": "--shardIndex 1 --shardCount 3"
+        }
+
+  - name: Linux_web web_platform_tests_wasm_shard_3 master
+    bringup: true
+    recipe: packages/packages
+    timeout: 60
+    properties:
+      target_file: web_platform_tests_wasm.yaml
+      version_file: flutter_master.version
+      channel: master
+      package_sharding: "--shardIndex 2 --shardCount 3"
+      env_variables: >-
+        {
+          "CHANNEL": "master",
+          "PACKAGE_SHARDING": "--shardIndex 2 --shardCount 3"
+        }
+
+  # JS integration tests in stable
   - name: Linux_web web_platform_tests_shard_1 stable
     recipe: packages/packages
     timeout: 60

.ci/targets/web_dart_unit_tests.yaml

@@ -4,4 +4,8 @@ tasks:
     infra_step: true # Note infra steps failing prevents "always" from running.
   - name: Dart unit tests - web
     script: .ci/scripts/tool_runner.sh
-    args: ["dart-test", "--exclude=script/configs/dart_unit_tests_exceptions.yaml", "--platform=chrome"]
+    args: [
+      "dart-test",
+      "--platform=chrome",
+      "--exclude=script/configs/dart_unit_tests_exceptions.yaml"
+    ]

.ci/targets/web_dart_unit_tests_wasm.yaml

@@ -0,0 +1,13 @@
+tasks:
+  - name: prepare tool
+    script: .ci/scripts/prepare_tool.sh
+    infra_step: true # Note infra steps failing prevents "always" from running.
+  - name: Dart unit tests - web (wasm)
+    script: .ci/scripts/tool_runner.sh
+    args: [
+      "dart-test",
+      "--platform=chrome",
+      "--wasm",
+      "--exclude=script/configs/dart_unit_tests_exceptions.yaml",
+      "--exclude=script/configs/dart_unit_tests_wasm_exceptions.yaml"
+    ]

.ci/targets/web_platform_tests.yaml

@@ -6,9 +6,11 @@ tasks:
     script: .ci/scripts/tool_runner.sh
     args: ["fetch-deps", "--web", "--supporting-target-platforms-only"]
     infra_step: true
-  - name: build examples
-    script: .ci/scripts/tool_runner.sh
-    args: ["build-examples", "--web"]
   - name: drive examples
     script: .ci/scripts/tool_runner.sh
-    args: ["drive-examples", "--web", "--run-chromedriver", "--exclude=script/configs/exclude_integration_web.yaml"]
+    args: [
+      "drive-examples",
+      "--web",
+      "--run-chromedriver",
+      "--exclude=script/configs/exclude_integration_web.yaml",
+    ]

.ci/targets/web_platform_tests_wasm.yaml

@@ -0,0 +1,18 @@
+tasks:
+  - name: prepare tool
+    script: .ci/scripts/prepare_tool.sh
+    infra_step: true # Note infra steps failing prevents "always" from running.
+  - name: download Dart deps
+    script: .ci/scripts/tool_runner.sh
+    args: ["fetch-deps", "--web", "--supporting-target-platforms-only"]
+    infra_step: true
+  - name: drive examples
+    script: .ci/scripts/tool_runner.sh
+    args: [
+      "drive-examples",
+      "--web",
+      "--wasm",
+      "--run-chromedriver",
+      "--exclude=script/configs/exclude_integration_web.yaml",
+      "--exclude=script/configs/exclude_integration_web_wasm.yaml"
+    ]

packages/animations/.gitignore

@@ -31,9 +31,6 @@
 .pub/
 /build/
 
-# Web related
-lib/generated_plugin_registrant.dart
-
 # Symbolication related
 app.*.symbols
 

packages/animations/example/.gitignore

@@ -30,8 +30,5 @@
 .pub/
 /build/
 
-# Web related
-lib/generated_plugin_registrant.dart
-
 # Exceptions to above rules.
 !/packages/flutter_tools/test/data/dart_dependencies_test/**/.packages

packages/google_adsense/example/integration_test/experimental_ad_unit_widget_test.dart

@@ -205,7 +205,8 @@ Future<void> pumpAdWidget(Widget adUnit, WidgetTester tester) async {
 
   // This extra pump is needed for the platform view to actually render in the DOM.
   await tester.pump();
-
+  // One more for skwasm.
+  await tester.pump();
   // This extra pump is needed to simulate the async behavior of the adsense JS mock.
   await tester.pumpAndSettle();
 }

packages/google_maps_flutter/google_maps_flutter_web/example/integration_test/shape_test.dart

@@ -232,11 +232,11 @@ void main() {
           visualization.HeatmapLayerOptions()
             ..data = <gmaps.LatLng>[gmaps.LatLng(0, 0)].toJS;
 
-      expect(heatmap.data, hasLength(0));
+      expect(heatmap.data.array.toDart, hasLength(0));
 
       controller.update(options);
 
-      expect(heatmap.data, hasLength(1));
+      expect(heatmap.data.array.toDart, hasLength(1));
     });
 
     group('remove', () {

packages/google_maps_flutter/google_maps_flutter_web/example/integration_test/shapes_test.dart

@@ -435,7 +435,7 @@ void main() {
       controller.addHeatmaps(heatmaps);
 
       expect(
-        controller.heatmaps[const HeatmapId('1')]?.heatmap?.data,
+        controller.heatmaps[const HeatmapId('1')]!.heatmap!.data.array.toDart,
         hasLength(0),
       );
 
@@ -450,7 +450,7 @@ void main() {
 
       expect(controller.heatmaps.length, 1);
       expect(
-        controller.heatmaps[const HeatmapId('1')]?.heatmap?.data,
+        controller.heatmaps[const HeatmapId('1')]!.heatmap!.data.array.toDart,
         hasLength(1),
       );
     });
@@ -510,7 +510,9 @@ void main() {
           controller.heatmaps.values.first.heatmap!;
 
       expect(
-        heatmap.get('gradient'),
+        (heatmap.get('gradient')! as JSArray<JSString>)
+            .toDart
+            .map((JSString? value) => value!.toDart),
         <String>['rgba(250, 186, 218, 0.00)', 'rgba(250, 186, 218, 1.00)'],
       );
     });

packages/image_picker/image_picker_platform_interface/CHANGELOG.md

@@ -1,6 +1,7 @@
-## NEXT
+## 2.10.1
 
 * Updates minimum supported SDK version to Flutter 3.22/Dart 3.4.
+* Fixes Wasm tests in internal PickedFile implementation.
 
 ## 2.10.0
 

packages/image_picker/image_picker_platform_interface/lib/src/types/picked_file/picked_file.dart

@@ -2,7 +2,9 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+// TODO(dit): Remove this, https://github.com/flutter/flutter/issues/144286
+
 export 'lost_data.dart';
 export 'unsupported.dart'
-    if (dart.library.html) 'html.dart'
+    if (dart.library.js_interop) 'html.dart'
     if (dart.library.io) 'io.dart';

packages/image_picker/image_picker_platform_interface/pubspec.yaml

@@ -4,7 +4,7 @@ repository: https://github.com/flutter/packages/tree/main/packages/image_picker/
 issue_tracker: https://github.com/flutter/flutter/issues?q=is%3Aissue+is%3Aopen+label%3A%22p%3A+image_picker%22
 # NOTE: We strongly prefer non-breaking changes, even at the expense of a
 # less-clean API. See https://flutter.dev/go/platform-interface-breaking-changes
-version: 2.10.0
+version: 2.10.1
 
 environment:
   sdk: ^3.4.0
@@ -20,6 +20,7 @@ dependencies:
 dev_dependencies:
   flutter_test:
     sdk: flutter
+  web: ^1.1.0
 
 topics:
   - image-picker

packages/image_picker/image_picker_platform_interface/test/picked_file_html_test.dart

@@ -6,15 +6,18 @@
 library;
 
 import 'dart:convert';
-import 'dart:html' as html;
+import 'dart:js_interop';
+import 'dart:typed_data';
 
 import 'package:flutter_test/flutter_test.dart';
 import 'package:image_picker_platform_interface/image_picker_platform_interface.dart';
+import 'package:web/web.dart' as web;
 
 const String expectedStringContents = 'Hello, world!';
-final List<int> bytes = utf8.encode(expectedStringContents);
-final html.File textFile = html.File(<List<int>>[bytes], 'hello.txt');
-final String textFileUrl = html.Url.createObjectUrl(textFile);
+final Uint8List bytes = utf8.encode(expectedStringContents);
+final web.File textFile =
+    web.File(<JSUint8Array>[bytes.toJS].toJS, 'hello.txt');
+final String textFileUrl = web.URL.createObjectURL(textFile);
 
 void main() {
   group('Create with an objectUrl', () {

packages/pointer_interceptor/pointer_interceptor_web/example/integration_test/widget_test.dart

@@ -70,7 +70,8 @@ Future<void> _fullyRenderApp(WidgetTester tester) async {
   await tester.pumpWidget(const app.MyApp());
   // Pump 2 frames so the framework injects the platform view into the DOM.
   await tester.pump();
-  await tester.pump();
+  // Give the browser some time to perform DOM operations (for Wasm code)
+  await tester.pump(const Duration(milliseconds: 500));
 }
 
 // Calls [_getHtmlElementAt] passing it the center of the widget identified by

packages/rfw/test/material_widgets_test.dart

@@ -13,6 +13,12 @@ import 'tolerant_comparator.dart'
     if (dart.library.js_interop) 'tolerant_comparator_web.dart';
 import 'utils.dart';
 
+/// A const to tell apart Wasm from JS web.
+///
+/// This is used below to do comparisons of numbers, where in JS a whole double
+/// is serialized as "2", in Wasm (and non-web platforms) it's "2.0".
+const bool kIsJS = kIsWeb && !kIsWasm;
+
 void main() {
   const LibraryName coreName = LibraryName(<String>['core']);
   const LibraryName materialName = LibraryName(<String>['material']);
@@ -229,7 +235,7 @@ void main() {
     await tester.pumpAndSettle();
     expect(eventLog, contains('menu_item {args: second}'));
     expect(eventLog,
-        contains(kIsWeb ? 'dropdown {value: 2}' : 'dropdown {value: 2.0}'));
+        contains(kIsJS ? 'dropdown {value: 2}' : 'dropdown {value: 2.0}'));
 
     await tester.tapAt(const Offset(20.0, 20.0));
     await tester.pump();
@@ -682,15 +688,15 @@ void main() {
     await _slideToValue(tester, sliderFinder, 20.0);
     await tester.pumpAndSettle();
     expect(eventLog,
-        contains(kIsWeb ? 'slider {value: 20}' : 'slider {value: 20.0}'));
+        contains(kIsJS ? 'slider {value: 20}' : 'slider {value: 20.0}'));
     expect(
         eventLog,
         contains(
-            kIsWeb ? 'slider.start {value: 0}' : 'slider.start {value: 0.0}'));
+            kIsJS ? 'slider.start {value: 0}' : 'slider.start {value: 0.0}'));
     expect(
         eventLog,
         contains(
-            kIsWeb ? 'slider.end {value: 20}' : 'slider.end {value: 20.0}'));
+            kIsJS ? 'slider.end {value: 20}' : 'slider.end {value: 20.0}'));
   });
 }