From 54de8c04bfda7b374e0a0e0da5dfbb62fac41b4a Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:14 +0100
Subject: [PATCH 01/26] Add an option to set a transparent background for the
 webview

---
 .../webview_flutter/webview_flutter/example/lib/main.dart | 3 +++
 .../webview_flutter/webview_flutter/lib/src/webview.dart  | 5 +++++
 packages/webview_flutter/webview_flutter/pubspec.yaml     | 6 ++++++
 .../io/flutter/plugins/webviewflutter/FlutterWebView.java | 6 ++++++
 .../webview_flutter/webview_flutter_android/pubspec.yaml  | 5 +++++
 .../lib/src/method_channel/webview_method_channel.dart    | 1 +
 .../lib/src/types/creation_params.dart                    | 4 ++++
 .../ios/Classes/FlutterWebView.m                          | 5 +++++
 .../webview_flutter_wkwebview/pubspec.yaml                | 8 +++++++-
 9 files changed, 42 insertions(+), 1 deletion(-)
diff --git a/packages/webview_flutter/webview_flutter/example/lib/main.dart b/packages/webview_flutter/webview_flutter/example/lib/main.dart
index b660ce37a0b1..8d71cb3b07cb 100644
--- a/packages/webview_flutter/webview_flutter/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter/example/lib/main.dart
@@ -19,6 +19,7 @@ const String kNavigationExamplePage = '''
 <body>
 <p>
 The navigation delegate is set to block navigation to the youtube website.
+The webview is transparent so you can see the green background of the scaffold.
 </p>
 <ul>
 <ul><a href="https://www.youtube.com/">https://www.youtube.com/</a></ul>
@@ -46,6 +47,7 @@ class _WebViewExampleState extends State<WebViewExample> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
+      backgroundColor: Colors.green,
       appBar: AppBar(
         title: const Text('Flutter WebView example'),
         // This drop down menu demonstrates that Flutter widgets can be shown over the web view.
@@ -84,6 +86,7 @@ class _WebViewExampleState extends State<WebViewExample> {
             print('Page finished loading: $url');
           },
           gestureNavigationEnabled: true,
+          opaque: false,
         );
       }),
       floatingActionButton: favoriteButton(),
diff --git a/packages/webview_flutter/webview_flutter/lib/src/webview.dart b/packages/webview_flutter/webview_flutter/lib/src/webview.dart
index 61702e514a4b..0b4417addafb 100644
--- a/packages/webview_flutter/webview_flutter/lib/src/webview.dart
+++ b/packages/webview_flutter/webview_flutter/lib/src/webview.dart
@@ -94,6 +94,7 @@ class WebView extends StatefulWidget {
     this.initialMediaPlaybackPolicy =
         AutoMediaPlaybackPolicy.require_user_action_for_all_media_types,
     this.allowsInlineMediaPlayback = false,
+    this.opaque = true,
   })  : assert(javascriptMode != null),
         assert(initialMediaPlaybackPolicy != null),
         assert(allowsInlineMediaPlayback != null),
@@ -286,6 +287,9 @@ class WebView extends StatefulWidget {
   /// The default policy is [AutoMediaPlaybackPolicy.require_user_action_for_all_media_types].
   final AutoMediaPlaybackPolicy initialMediaPlaybackPolicy;
 
+  /// If set to `false`, the webview background will be transparent.
+  final bool opaque;
+
   @override
   State<StatefulWidget> createState() => _WebViewState();
 }
@@ -357,6 +361,7 @@ CreationParams _creationParamsfromWidget(WebView widget) {
     javascriptChannelNames: _extractChannelNames(widget.javascriptChannels),
     userAgent: widget.userAgent,
     autoMediaPlaybackPolicy: widget.initialMediaPlaybackPolicy,
+    opaque: widget.opaque,
   );
 }
 
diff --git a/packages/webview_flutter/webview_flutter/pubspec.yaml b/packages/webview_flutter/webview_flutter/pubspec.yaml
index 4450837b1ede..18420d7fe8d2 100644
--- a/packages/webview_flutter/webview_flutter/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter/pubspec.yaml
@@ -31,3 +31,9 @@ dev_dependencies:
     sdk: flutter
   mockito: ^5.0.16
   pedantic: ^1.10.0
+
+# FOR TESTING ONLY. DO NOT MERGE.
+dependency_overrides:
+  webview_flutter_platform_interface:
+    path:
+      ../webview_flutter_platform_interface
diff --git a/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java b/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
index ed14107220b8..b73752811294 100644
--- a/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
+++ b/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
@@ -111,6 +111,12 @@ public void onProgressChanged(WebView view, int progress) {
             flutterDownloadListener);
     flutterDownloadListener.setWebView(webView);
 
+    // Transparent background
+    boolean opaque = (boolean) params.get("opaque");
+    if (!opaque) {
+      webView.setBackgroundColor(0x00000000);
+    }
+
     displayListenerProxy.onPostWebViewInitialization(displayManager);
 
     platformThreadHandler = new Handler(context.getMainLooper());
diff --git a/packages/webview_flutter/webview_flutter_android/pubspec.yaml b/packages/webview_flutter/webview_flutter_android/pubspec.yaml
index 2fe03c888d6b..42c6e6b88c90 100644
--- a/packages/webview_flutter/webview_flutter_android/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter_android/pubspec.yaml
@@ -31,3 +31,8 @@ dev_dependencies:
   pigeon: 1.0.9
   pedantic: ^1.10.0
 
+# FOR TESTING ONLY. DO NOT MERGE.
+dependency_overrides:
+  webview_flutter_platform_interface:
+    path:
+      ../webview_flutter_platform_interface
diff --git a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
index 8df9f4c62b33..5f4ed35822ff 100644
--- a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
+++ b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
@@ -257,6 +257,7 @@ class MethodChannelWebViewPlatform implements WebViewPlatformController {
       'userAgent': creationParams.userAgent,
       'autoMediaPlaybackPolicy': creationParams.autoMediaPlaybackPolicy.index,
       'usesHybridComposition': usesHybridComposition,
+      'opaque': creationParams.opaque,
     };
   }
 }
diff --git a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart
index f213e976ad84..7e66dc3f913e 100644
--- a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart
+++ b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart
@@ -20,6 +20,7 @@ class CreationParams {
     this.userAgent,
     this.autoMediaPlaybackPolicy =
         AutoMediaPlaybackPolicy.require_user_action_for_all_media_types,
+    this.opaque = true,
   }) : assert(autoMediaPlaybackPolicy != null);
 
   /// The initialUrl to load in the webview.
@@ -53,6 +54,9 @@ class CreationParams {
   /// Which restrictions apply on automatic media playback.
   final AutoMediaPlaybackPolicy autoMediaPlaybackPolicy;
 
+  /// If set to `false`, the webview background will be transparent.
+  final bool opaque;
+
   @override
   String toString() {
     return '$runtimeType(initialUrl: $initialUrl, settings: $webSettings, javascriptChannelNames: $javascriptChannelNames, UserAgent: $userAgent)';
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m b/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m
index 351d1ae58760..41e45777910e 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m
+++ b/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m
@@ -96,6 +96,11 @@ - (instancetype)initWithFrame:(CGRect)frame
                         inConfiguration:configuration];
 
     _webView = [[FLTWKWebView alloc] initWithFrame:frame configuration:configuration];
+    if (![args[@"opaque"] boolValue]) {
+      _webView.opaque = NO;
+      _webView.backgroundColor = UIColor.clearColor;
+      _webView.scrollView.backgroundColor = UIColor.clearColor;
+    }
     _navigationDelegate = [[FLTWKNavigationDelegate alloc] initWithChannel:_channel];
     _webView.UIDelegate = self;
     _webView.navigationDelegate = _navigationDelegate;
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/pubspec.yaml b/packages/webview_flutter/webview_flutter_wkwebview/pubspec.yaml
index 466c1a2a4fcd..1b0155e71c57 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter_wkwebview/pubspec.yaml
@@ -25,4 +25,10 @@ dev_dependencies:
     sdk: flutter
   flutter_test:
     sdk: flutter
-  pedantic: ^1.10.0
\ No newline at end of file
+  pedantic: ^1.10.0
+
+# FOR TESTING ONLY. DO NOT MERGE.
+dependency_overrides:
+  webview_flutter_platform_interface:
+    path:
+      ../webview_flutter_platform_interface
\ No newline at end of file

From bd7ac95232ecd0b7c4036ef5970812f4d61f5777 Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:14 +0100
Subject: [PATCH 02/26] Update webview_flutter version

---
 packages/webview_flutter/webview_flutter/CHANGELOG.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/webview_flutter/webview_flutter/CHANGELOG.md b/packages/webview_flutter/webview_flutter/CHANGELOG.md
index 57d32efcab2b..c267148a0926 100644
--- a/packages/webview_flutter/webview_flutter/CHANGELOG.md
+++ b/packages/webview_flutter/webview_flutter/CHANGELOG.md
@@ -32,6 +32,10 @@
 * Send URL of File to download to the NavigationDelegate on Android just like it is already done on iOS.
 * Updated Android lint settings.
 
+## 2.0.13
+
+* Add an option to set a transparent background for the webview.
+
 ## 2.0.12
 
 * Improved the documentation on using the different Android Platform View modes.

From 02c3d27224490d9e4b93abb088d51025e9c66dc8 Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:15 +0100
Subject: [PATCH 03/26] Add tests for the configuration

---
 .../test/webview_flutter_test.dart            | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart b/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart
index 69d4142eb150..7f3b1f3b6e0d 100644
--- a/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart
+++ b/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart
@@ -926,6 +926,30 @@ void main() {
     });
   });
 
+  group('opaque', () {
+    testWidgets('defaults to true', (WidgetTester tester) async {
+      await tester.pumpWidget(const WebView());
+
+      final CreationParams params = captureBuildArgs(
+        mockWebViewPlatform,
+        creationParams: true,
+      ).single;
+
+      expect(params.opaque, isTrue);
+    });
+
+    testWidgets('can be transparent', (WidgetTester tester) async {
+      await tester.pumpWidget(const WebView(opaque: false));
+
+      final CreationParams params = captureBuildArgs(
+        mockWebViewPlatform,
+        creationParams: true,
+      ).single;
+
+      expect(params.opaque, isFalse);
+    });
+  });
+
   group('Custom platform implementation', () {
     setUp(() {
       WebView.platform = MyWebViewPlatform();

From abba19da495cc7476d5a6b6776e3f76041dadc0d Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:15 +0100
Subject: [PATCH 04/26] Add integration test for the transparent background

---
 .../webview_flutter_test.dart                 | 101 ++++++++++++++++++
 1 file changed, 101 insertions(+)

diff --git a/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart b/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
index 69ddcc685ff8..9ac5f11eaf1e 100644
--- a/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
+++ b/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
@@ -1473,6 +1473,107 @@ void main() {
     },
     skip: !Platform.isAndroid,
   );
+
+  group('transparent background', () {
+    testWidgets(
+      'have an opaque background by default',
+      (WidgetTester tester) async {
+        final String transparentBackgroundTest = '''
+          <!DOCTYPE html>
+          <html>
+          <head>
+            <title>Transparent background test</title>
+          </head>
+          <style type="text/css">
+            body { background: transparent; margin: 0; padding: 0; }
+            #container { position: relative; margin: 0; padding: 0; width: 100vw; height: 100vh; }
+            #shape { background: red; width: 200px; height: 200px; margin: 0; padding: 0; position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); }
+          </style>
+          <body>
+            <div id="container">
+              <div id="shape"></div>
+            </div>
+          </body>
+          </html>
+        ''';
+        final String transparentBackgroundTestBase64 = base64Encode(
+            const Utf8Encoder().convert(transparentBackgroundTest));
+        Completer<void> pageLoadCompleter = Completer<void>();
+
+        await tester.pumpWidget(Directionality(
+          textDirection: TextDirection.ltr,
+          child: Center(
+            child: RepaintBoundary(
+              child: Container(
+                color: Color.fromRGBO(0, 255, 0, 1),
+                child: WebView(
+                  initialUrl:
+                      'data:text/html;charset=utf-8;base64,$transparentBackgroundTestBase64',
+                  onPageFinished: (String url) {
+                    pageLoadCompleter.complete(null);
+                  },
+                ),
+              ),
+            ),
+          ),
+        ));
+
+        await pageLoadCompleter.future;
+        await tester.pumpAndSettle();
+      },
+      skip: !Platform.isAndroid,
+    );
+
+    testWidgets(
+      'can have a transparent background',
+      (WidgetTester tester) async {
+        final String transparentBackgroundTest = '''
+          <!DOCTYPE html>
+          <html>
+          <head>
+            <title>Transparent background test</title>
+          </head>
+          <style type="text/css">
+            body { background: transparent; margin: 0; padding: 0; }
+            #container { position: relative; margin: 0; padding: 0; width: 100vw; height: 100vh; }
+            #shape { background: red; width: 200px; height: 200px; margin: 0; padding: 0; position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); }
+          </style>
+          <body>
+            <div id="container">
+              <div id="shape"></div>
+            </div>
+          </body>
+          </html>
+        ''';
+        final String transparentBackgroundTestBase64 = base64Encode(
+            const Utf8Encoder().convert(transparentBackgroundTest));
+        Completer<void> pageLoadCompleter = Completer<void>();
+
+        await tester.pumpWidget(Directionality(
+          textDirection: TextDirection.ltr,
+          child: Center(
+            child: RepaintBoundary(
+              child: Container(
+                color: Color.fromRGBO(0, 255, 0, 1),
+                child: WebView(
+                  opaque: false,
+                  initialUrl:
+                      'data:text/html;charset=utf-8;base64,$transparentBackgroundTestBase64',
+                  onPageFinished: (String url) {
+                    pageLoadCompleter.complete(null);
+                  },
+                ),
+              ),
+            ),
+          ),
+        ));
+
+        await pageLoadCompleter.future;
+        await tester.pumpAndSettle();
+      },
+      skip: !Platform.isAndroid,
+    );
+  });
 }
 
 // JavaScript booleans evaluate to different string values on Android and iOS.

From 28f50f8df06490339e017b5d99ad83c6f13222ba Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:15 +0100
Subject: [PATCH 05/26] Add iOS native test for the transparent background

---
 .../ios/RunnerUITests/FLTWebViewUITests.m     | 74 +++++++++++++++++++
 .../webview_flutter/example/lib/main.dart     | 35 ++++++++-
 2 files changed, 108 insertions(+), 1 deletion(-)

diff --git a/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m b/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m
index d193be745972..ddde147dd886 100644
--- a/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m
+++ b/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m
@@ -5,6 +5,29 @@
 @import XCTest;
 @import os.log;
 
+UIColor* getPixelColorInImage(UIImage* image, int x, int y) {
+  CFDataRef pixelData = CGDataProviderCopyData(CGImageGetDataProvider(image.CGImage));
+  const UInt8* data = CFDataGetBytePtr(pixelData);
+
+  int pixelInfo = ((image.size.width * image.scale * y) + x) * 4;  // 4 bytes per pixel
+
+  UInt8 red = data[pixelInfo + 0];
+  UInt8 green = data[pixelInfo + 1];
+  UInt8 blue = data[pixelInfo + 2];
+  UInt8 alpha = data[pixelInfo + 3];
+  CFRelease(pixelData);
+
+  return [UIColor colorWithRed:red / 255.0f
+                         green:green / 255.0f
+                          blue:blue / 255.0f
+                         alpha:alpha / 255.0f];
+}
+
+bool compareColors(CIColor* aColor, CIColor* bColor) {
+  return aColor.red == bColor.red && aColor.green == bColor.green && aColor.blue == bColor.blue &&
+         aColor.alpha == bColor.alpha;
+}
+
 @interface FLTWebViewUITests : XCTestCase
 @property(nonatomic, strong) XCUIApplication* app;
 @end
@@ -18,6 +41,57 @@ - (void)setUp {
   [self.app launch];
 }
 
+- (void)testTransparentBackground {
+  XCUIApplication* app = self.app;
+  XCUIElement* menu = app.buttons[@"Show menu"];
+  if (![menu waitForExistenceWithTimeout:30.0]) {
+    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
+    XCTFail(@"Failed due to not able to find menu");
+  }
+  [menu tap];
+
+  XCUIElement* transparentBackground = app.buttons[@"Transparent background example"];
+  if (![transparentBackground waitForExistenceWithTimeout:30.0]) {
+    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
+    XCTFail(@"Failed due to not able to find Transparent background example");
+  }
+  [transparentBackground tap];
+
+  sleep(5);
+
+  XCUIScreenshot* screenshot = [[XCUIScreen mainScreen] screenshot];
+  XCTAttachment* attachment = [XCTAttachment attachmentWithScreenshot:screenshot];
+  [attachment setLifetime:XCTAttachmentLifetimeKeepAlways];
+  [attachment setName:@"Transparent background test screen"];
+  [self addAttachment:attachment];
+
+  UIImage* image = screenshot.image;
+  UIColor* leftcolor = getPixelColorInImage(image, 0, (image.scale * image.size.height) / 2);
+  UIColor* centercolor = getPixelColorInImage(image, (image.scale * image.size.width) / 2,
+                                              (image.scale * image.size.height) / 2);
+  CIColor* leftcicolor = [CIColor colorWithCGColor:leftcolor.CGColor];
+  CIColor* centercicolor = [CIColor colorWithCGColor:centercolor.CGColor];
+
+  XCTAttachment* colorLeftAtt =
+      [XCTAttachment attachmentWithString:leftcicolor.stringRepresentation];
+  [colorLeftAtt setLifetime:XCTAttachmentLifetimeKeepAlways];
+  [colorLeftAtt setName:@"Left color"];
+  [self addAttachment:colorLeftAtt];
+  XCTAttachment* colorCenterAtt =
+      [XCTAttachment attachmentWithString:centercicolor.stringRepresentation];
+  [colorCenterAtt setLifetime:XCTAttachmentLifetimeKeepAlways];
+  [colorCenterAtt setName:@"Center color"];
+  [self addAttachment:colorCenterAtt];
+
+  CIColor* flutterGreenColor = [CIColor colorWithRed:76.0f / 255.0f
+                                               green:175.0f / 255.0f
+                                                blue:80.0f / 255.0f
+                                               alpha:1.0f];
+
+  XCTAssertTrue(compareColors(flutterGreenColor, leftcicolor));
+  XCTAssertTrue(compareColors(CIColor.redColor, centercicolor));
+}
+
 - (void)testUserAgent {
   XCUIApplication* app = self.app;
   XCUIElement* menu = app.buttons[@"Show menu"];
diff --git a/packages/webview_flutter/webview_flutter/example/lib/main.dart b/packages/webview_flutter/webview_flutter/example/lib/main.dart
index 8d71cb3b07cb..034298329376 100644
--- a/packages/webview_flutter/webview_flutter/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter/example/lib/main.dart
@@ -19,7 +19,6 @@ const String kNavigationExamplePage = '''
 <body>
 <p>
 The navigation delegate is set to block navigation to the youtube website.
-The webview is transparent so you can see the green background of the scaffold.
 </p>
 <ul>
 <ul><a href="https://www.youtube.com/">https://www.youtube.com/</a></ul>
@@ -29,6 +28,25 @@ The webview is transparent so you can see the green background of the scaffold.
 </html>
 ''';
 
+const String kTransparentBackgroundPage = '''
+  <!DOCTYPE html>
+  <html>
+  <head>
+    <title>Transparent background test</title>
+  </head>
+  <style type="text/css">
+    body { background: transparent; margin: 0; padding: 0; }
+    #container { position: relative; margin: 0; padding: 0; width: 100vw; height: 100vh; }
+    #shape { background: red; width: 200px; height: 200px; margin: 0; padding: 0; position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); }
+  </style>
+  <body>
+    <div id="container">
+      <div id="shape"></div>
+    </div>
+  </body>
+  </html>
+''';
+
 class WebViewExample extends StatefulWidget {
   @override
   _WebViewExampleState createState() => _WebViewExampleState();
@@ -134,6 +152,7 @@ enum MenuOptions {
   listCache,
   clearCache,
   navigationDelegate,
+  transparentBackground,
 }
 
 class SampleMenu extends StatelessWidget {
@@ -172,6 +191,9 @@ class SampleMenu extends StatelessWidget {
               case MenuOptions.navigationDelegate:
                 _onNavigationDelegateExample(controller.data!, context);
                 break;
+              case MenuOptions.transparentBackground:
+                _onTransparentBackground(controller.data!, context);
+                break;
             }
           },
           itemBuilder: (BuildContext context) => <PopupMenuItem<MenuOptions>>[
@@ -204,6 +226,10 @@ class SampleMenu extends StatelessWidget {
               value: MenuOptions.navigationDelegate,
               child: Text('Navigation Delegate example'),
             ),
+            const PopupMenuItem<MenuOptions>(
+              value: MenuOptions.transparentBackground,
+              child: Text('Transparent background example'),
+            ),
           ],
         );
       },
@@ -277,6 +303,13 @@ class SampleMenu extends StatelessWidget {
     await controller.loadUrl('data:text/html;base64,$contentBase64');
   }
 
+  void _onTransparentBackground(
+      WebViewController controller, BuildContext context) async {
+    final String contentBase64 =
+        base64Encode(const Utf8Encoder().convert(kTransparentBackgroundPage));
+    await controller.loadUrl('data:text/html;base64,$contentBase64');
+  }
+
   Widget _getCookieList(String cookies) {
     if (cookies == null || cookies == '""') {
       return Container();

From 56cac9be7f3c69b3f695444d907043960fe64a7f Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:16 +0100
Subject: [PATCH 06/26] Make functions statics, rename variables & add comment
 in iOS native test

---
 .../ios/RunnerUITests/FLTWebViewUITests.m     | 61 ++++++++++---------
 1 file changed, 33 insertions(+), 28 deletions(-)

diff --git a/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m b/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m
index ddde147dd886..493c501aec3d 100644
--- a/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m
+++ b/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m
@@ -5,11 +5,12 @@
 @import XCTest;
 @import os.log;
 
-UIColor* getPixelColorInImage(UIImage* image, int x, int y) {
+static UIColor* getPixelColorInImage(UIImage* image, int x, int y) {
   CFDataRef pixelData = CGDataProviderCopyData(CGImageGetDataProvider(image.CGImage));
   const UInt8* data = CFDataGetBytePtr(pixelData);
 
-  int pixelInfo = ((image.size.width * image.scale * y) + x) * 4;  // 4 bytes per pixel
+  int imageWidth = floor(image.size.width * image.scale);
+  int pixelInfo = ((imageWidth * y) + x) * 4;  // 4 bytes per pixel
 
   UInt8 red = data[pixelInfo + 0];
   UInt8 green = data[pixelInfo + 1];
@@ -23,7 +24,7 @@
                          alpha:alpha / 255.0f];
 }
 
-bool compareColors(CIColor* aColor, CIColor* bColor) {
+static bool compareColors(CIColor* aColor, CIColor* bColor) {
   return aColor.red == bColor.red && aColor.green == bColor.green && aColor.blue == bColor.blue &&
          aColor.alpha == bColor.alpha;
 }
@@ -60,36 +61,40 @@ - (void)testTransparentBackground {
   sleep(5);
 
   XCUIScreenshot* screenshot = [[XCUIScreen mainScreen] screenshot];
-  XCTAttachment* attachment = [XCTAttachment attachmentWithScreenshot:screenshot];
-  [attachment setLifetime:XCTAttachmentLifetimeKeepAlways];
-  [attachment setName:@"Transparent background test screen"];
-  [self addAttachment:attachment];
-
-  UIImage* image = screenshot.image;
-  UIColor* leftcolor = getPixelColorInImage(image, 0, (image.scale * image.size.height) / 2);
-  UIColor* centercolor = getPixelColorInImage(image, (image.scale * image.size.width) / 2,
-                                              (image.scale * image.size.height) / 2);
-  CIColor* leftcicolor = [CIColor colorWithCGColor:leftcolor.CGColor];
-  CIColor* centercicolor = [CIColor colorWithCGColor:centercolor.CGColor];
-
-  XCTAttachment* colorLeftAtt =
-      [XCTAttachment attachmentWithString:leftcicolor.stringRepresentation];
-  [colorLeftAtt setLifetime:XCTAttachmentLifetimeKeepAlways];
-  [colorLeftAtt setName:@"Left color"];
-  [self addAttachment:colorLeftAtt];
-  XCTAttachment* colorCenterAtt =
-      [XCTAttachment attachmentWithString:centercicolor.stringRepresentation];
-  [colorCenterAtt setLifetime:XCTAttachmentLifetimeKeepAlways];
-  [colorCenterAtt setName:@"Center color"];
-  [self addAttachment:colorCenterAtt];
-
+  XCTAttachment* screenshotAttachment = [XCTAttachment attachmentWithScreenshot:screenshot];
+  [screenshotAttachment setLifetime:XCTAttachmentLifetimeKeepAlways];
+  [screenshotAttachment setName:@"Transparent background test screen"];
+  [self addAttachment:screenshotAttachment];
+
+  UIImage* screenshotImage = screenshot.image;
+  UIColor* centerLeftColor = getPixelColorInImage(
+      screenshotImage, 0, (screenshotImage.scale * screenshotImage.size.height) / 2);
+  UIColor* centerColor = getPixelColorInImage(
+      screenshotImage, (screenshotImage.scale * screenshotImage.size.width) / 2,
+      (screenshotImage.scale * screenshotImage.size.height) / 2);
+  CIColor* centerLeftCIColor = [CIColor colorWithCGColor:centerLeftColor.CGColor];
+  CIColor* centerCIColor = [CIColor colorWithCGColor:centerColor.CGColor];
+
+  XCTAttachment* centerLeftColorAttachment =
+      [XCTAttachment attachmentWithString:centerLeftCIColor.stringRepresentation];
+  [centerLeftColorAttachment setLifetime:XCTAttachmentLifetimeKeepAlways];
+  [centerLeftColorAttachment setName:@"Left color"];
+  [self addAttachment:centerLeftColorAttachment];
+  XCTAttachment* centerColorAttachment =
+      [XCTAttachment attachmentWithString:centerCIColor.stringRepresentation];
+  [centerColorAttachment setLifetime:XCTAttachmentLifetimeKeepAlways];
+  [centerColorAttachment setName:@"Center color"];
+  [self addAttachment:centerColorAttachment];
+
+  // Flutter Colors.green color : 0xFF4CAF50 -> rgba(76, 175, 80, 1)
+  // https://github.com/flutter/flutter/blob/f4abaa0735eba4dfd8f33f73363911d63931fe03/packages/flutter/lib/src/material/colors.dart#L1208
   CIColor* flutterGreenColor = [CIColor colorWithRed:76.0f / 255.0f
                                                green:175.0f / 255.0f
                                                 blue:80.0f / 255.0f
                                                alpha:1.0f];
 
-  XCTAssertTrue(compareColors(flutterGreenColor, leftcicolor));
-  XCTAssertTrue(compareColors(CIColor.redColor, centercicolor));
+  XCTAssertTrue(compareColors(flutterGreenColor, centerLeftCIColor));
+  XCTAssertTrue(compareColors(CIColor.redColor, centerCIColor));
 }
 
 - (void)testUserAgent {

From ef0d920138821e6abd0c6f90e69df2d5d2f8c33d Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:16 +0100
Subject: [PATCH 07/26] Replace the sleep call in iOS native test

---
 .../example/ios/RunnerUITests/FLTWebViewUITests.m          | 7 ++++++-
 .../webview_flutter/webview_flutter/example/lib/main.dart  | 2 ++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m b/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m
index 493c501aec3d..d63c294a6ced 100644
--- a/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m
+++ b/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m
@@ -58,7 +58,12 @@ - (void)testTransparentBackground {
   }
   [transparentBackground tap];
 
-  sleep(5);
+  XCUIElement* transparentBackgroundLoaded =
+      app.webViews.staticTexts[@"Transparent background test"];
+  if (![transparentBackgroundLoaded waitForExistenceWithTimeout:30.0]) {
+    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
+    XCTFail(@"Failed due to not able to find Transparent background test");
+  }
 
   XCUIScreenshot* screenshot = [[XCUIScreen mainScreen] screenshot];
   XCTAttachment* screenshotAttachment = [XCTAttachment attachmentWithScreenshot:screenshot];
diff --git a/packages/webview_flutter/webview_flutter/example/lib/main.dart b/packages/webview_flutter/webview_flutter/example/lib/main.dart
index 034298329376..8738d28223bb 100644
--- a/packages/webview_flutter/webview_flutter/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter/example/lib/main.dart
@@ -38,9 +38,11 @@ const String kTransparentBackgroundPage = '''
     body { background: transparent; margin: 0; padding: 0; }
     #container { position: relative; margin: 0; padding: 0; width: 100vw; height: 100vh; }
     #shape { background: red; width: 200px; height: 200px; margin: 0; padding: 0; position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); }
+    p { text-align: center; }
   </style>
   <body>
     <div id="container">
+      <p>Transparent background test</p>
       <div id="shape"></div>
     </div>
   </body>

From 2c22d5762a61cf0b936918741c7d3f46e63e02b1 Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:16 +0100
Subject: [PATCH 08/26] Rename opaque parameter to transparent

The transparent parameter is false by default.
---
 .../integration_test/webview_flutter_test.dart       |  8 ++++----
 .../webview_flutter/example/lib/main.dart            |  2 +-
 .../webview_flutter/lib/src/webview.dart             |  8 ++++----
 .../webview_flutter/test/webview_flutter_test.dart   | 12 ++++++------
 .../plugins/webviewflutter/FlutterWebView.java       |  4 ++--
 .../src/method_channel/webview_method_channel.dart   |  2 +-
 .../lib/src/types/creation_params.dart               |  6 +++---
 .../ios/Classes/FlutterWebView.m                     |  2 +-
 8 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart b/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
index 9ac5f11eaf1e..2ed74e9cc25a 100644
--- a/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
+++ b/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
@@ -1474,9 +1474,9 @@ void main() {
     skip: !Platform.isAndroid,
   );
 
-  group('transparent background', () {
+  group('Transparent background', () {
     testWidgets(
-      'have an opaque background by default',
+      'Have an opaque background by default',
       (WidgetTester tester) async {
         final String transparentBackgroundTest = '''
           <!DOCTYPE html>
@@ -1525,7 +1525,7 @@ void main() {
     );
 
     testWidgets(
-      'can have a transparent background',
+      'Can have a transparent background',
       (WidgetTester tester) async {
         final String transparentBackgroundTest = '''
           <!DOCTYPE html>
@@ -1556,7 +1556,7 @@ void main() {
               child: Container(
                 color: Color.fromRGBO(0, 255, 0, 1),
                 child: WebView(
-                  opaque: false,
+                  transparent: true,
                   initialUrl:
                       'data:text/html;charset=utf-8;base64,$transparentBackgroundTestBase64',
                   onPageFinished: (String url) {
diff --git a/packages/webview_flutter/webview_flutter/example/lib/main.dart b/packages/webview_flutter/webview_flutter/example/lib/main.dart
index 8738d28223bb..cc6eb5d89dca 100644
--- a/packages/webview_flutter/webview_flutter/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter/example/lib/main.dart
@@ -106,7 +106,7 @@ class _WebViewExampleState extends State<WebViewExample> {
             print('Page finished loading: $url');
           },
           gestureNavigationEnabled: true,
-          opaque: false,
+          transparent: true,
         );
       }),
       floatingActionButton: favoriteButton(),
diff --git a/packages/webview_flutter/webview_flutter/lib/src/webview.dart b/packages/webview_flutter/webview_flutter/lib/src/webview.dart
index 0b4417addafb..ff2fe9df394a 100644
--- a/packages/webview_flutter/webview_flutter/lib/src/webview.dart
+++ b/packages/webview_flutter/webview_flutter/lib/src/webview.dart
@@ -94,7 +94,7 @@ class WebView extends StatefulWidget {
     this.initialMediaPlaybackPolicy =
         AutoMediaPlaybackPolicy.require_user_action_for_all_media_types,
     this.allowsInlineMediaPlayback = false,
-    this.opaque = true,
+    this.transparent = false,
   })  : assert(javascriptMode != null),
         assert(initialMediaPlaybackPolicy != null),
         assert(allowsInlineMediaPlayback != null),
@@ -287,8 +287,8 @@ class WebView extends StatefulWidget {
   /// The default policy is [AutoMediaPlaybackPolicy.require_user_action_for_all_media_types].
   final AutoMediaPlaybackPolicy initialMediaPlaybackPolicy;
 
-  /// If set to `false`, the webview background will be transparent.
-  final bool opaque;
+  /// If set to `true`, the webview background will be transparent.
+  final bool transparent;
 
   @override
   State<StatefulWidget> createState() => _WebViewState();
@@ -361,7 +361,7 @@ CreationParams _creationParamsfromWidget(WebView widget) {
     javascriptChannelNames: _extractChannelNames(widget.javascriptChannels),
     userAgent: widget.userAgent,
     autoMediaPlaybackPolicy: widget.initialMediaPlaybackPolicy,
-    opaque: widget.opaque,
+    transparent: widget.transparent,
   );
 }
 
diff --git a/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart b/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart
index 7f3b1f3b6e0d..27d413f8d4a2 100644
--- a/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart
+++ b/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart
@@ -926,8 +926,8 @@ void main() {
     });
   });
 
-  group('opaque', () {
-    testWidgets('defaults to true', (WidgetTester tester) async {
+  group('Transparent background', () {
+    testWidgets('Defaults to false', (WidgetTester tester) async {
       await tester.pumpWidget(const WebView());
 
       final CreationParams params = captureBuildArgs(
@@ -935,18 +935,18 @@ void main() {
         creationParams: true,
       ).single;
 
-      expect(params.opaque, isTrue);
+      expect(params.transparent, isFalse);
     });
 
-    testWidgets('can be transparent', (WidgetTester tester) async {
-      await tester.pumpWidget(const WebView(opaque: false));
+    testWidgets('Can be transparent', (WidgetTester tester) async {
+      await tester.pumpWidget(const WebView(transparent: true));
 
       final CreationParams params = captureBuildArgs(
         mockWebViewPlatform,
         creationParams: true,
       ).single;
 
-      expect(params.opaque, isFalse);
+      expect(params.transparent, isTrue);
     });
   });
 
diff --git a/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java b/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
index b73752811294..7dff824251f4 100644
--- a/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
+++ b/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
@@ -112,8 +112,8 @@ public void onProgressChanged(WebView view, int progress) {
     flutterDownloadListener.setWebView(webView);
 
     // Transparent background
-    boolean opaque = (boolean) params.get("opaque");
-    if (!opaque) {
+    boolean transparent = (boolean) params.get("transparent");
+    if (transparent) {
       webView.setBackgroundColor(0x00000000);
     }
 
diff --git a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
index 5f4ed35822ff..6110ac04a5e8 100644
--- a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
+++ b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
@@ -257,7 +257,7 @@ class MethodChannelWebViewPlatform implements WebViewPlatformController {
       'userAgent': creationParams.userAgent,
       'autoMediaPlaybackPolicy': creationParams.autoMediaPlaybackPolicy.index,
       'usesHybridComposition': usesHybridComposition,
-      'opaque': creationParams.opaque,
+      'transparent': creationParams.transparent,
     };
   }
 }
diff --git a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart
index 7e66dc3f913e..31aea2252070 100644
--- a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart
+++ b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart
@@ -20,7 +20,7 @@ class CreationParams {
     this.userAgent,
     this.autoMediaPlaybackPolicy =
         AutoMediaPlaybackPolicy.require_user_action_for_all_media_types,
-    this.opaque = true,
+    this.transparent = false,
   }) : assert(autoMediaPlaybackPolicy != null);
 
   /// The initialUrl to load in the webview.
@@ -54,8 +54,8 @@ class CreationParams {
   /// Which restrictions apply on automatic media playback.
   final AutoMediaPlaybackPolicy autoMediaPlaybackPolicy;
 
-  /// If set to `false`, the webview background will be transparent.
-  final bool opaque;
+  /// If set to `true`, the webview background will be transparent.
+  final bool transparent;
 
   @override
   String toString() {
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m b/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m
index 41e45777910e..320934f7b5c3 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m
+++ b/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m
@@ -96,7 +96,7 @@ - (instancetype)initWithFrame:(CGRect)frame
                         inConfiguration:configuration];
 
     _webView = [[FLTWKWebView alloc] initWithFrame:frame configuration:configuration];
-    if (![args[@"opaque"] boolValue]) {
+    if ([args[@"transparent"] boolValue]) {
       _webView.opaque = NO;
       _webView.backgroundColor = UIColor.clearColor;
       _webView.scrollView.backgroundColor = UIColor.clearColor;

From 99ae827632514176ed6d1ae09249f02b3bcbbddd Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:16 +0100
Subject: [PATCH 09/26] Android integration test for the transparent background

---
 .../webview_flutter_test.dart                 | 28 +++++++++++++++++++
 .../webview_flutter/lib/src/webview.dart      |  7 +++++
 .../webviewflutter/FlutterWebView.java        | 26 +++++++++++++++++
 .../webview_method_channel.dart               |  8 ++++++
 .../webview_platform_controller.dart          |  8 ++++++
 5 files changed, 77 insertions(+)

diff --git a/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart b/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
index 2ed74e9cc25a..cf2628d07a4e 100644
--- a/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
+++ b/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
@@ -1498,6 +1498,8 @@ void main() {
         ''';
         final String transparentBackgroundTestBase64 = base64Encode(
             const Utf8Encoder().convert(transparentBackgroundTest));
+        final Completer<WebViewController> controllerCompleter =
+            Completer<WebViewController>();
         Completer<void> pageLoadCompleter = Completer<void>();
 
         await tester.pumpWidget(Directionality(
@@ -1507,6 +1509,9 @@ void main() {
               child: Container(
                 color: Color.fromRGBO(0, 255, 0, 1),
                 child: WebView(
+                  onWebViewCreated: (WebViewController controller) {
+                    controllerCompleter.complete(controller);
+                  },
                   initialUrl:
                       'data:text/html;charset=utf-8;base64,$transparentBackgroundTestBase64',
                   onPageFinished: (String url) {
@@ -1518,8 +1523,17 @@ void main() {
           ),
         ));
 
+        final WebViewController controller = await controllerCompleter.future;
         await pageLoadCompleter.future;
         await tester.pumpAndSettle();
+
+        String centerLeftColor = await controller.getPixelColorAt(0.0, 0.5);
+        String centerColor = await controller.getPixelColorAt(0.5, 0.5);
+
+        // The square in the center must be red (#FFFF0000)
+        // and the background around white (#FFFFFFFF)
+        expect("#FFFF0000", centerColor);
+        expect("#FFFFFFFF", centerLeftColor);
       },
       skip: !Platform.isAndroid,
     );
@@ -1547,6 +1561,8 @@ void main() {
         ''';
         final String transparentBackgroundTestBase64 = base64Encode(
             const Utf8Encoder().convert(transparentBackgroundTest));
+        final Completer<WebViewController> controllerCompleter =
+            Completer<WebViewController>();
         Completer<void> pageLoadCompleter = Completer<void>();
 
         await tester.pumpWidget(Directionality(
@@ -1556,6 +1572,9 @@ void main() {
               child: Container(
                 color: Color.fromRGBO(0, 255, 0, 1),
                 child: WebView(
+                  onWebViewCreated: (WebViewController controller) {
+                    controllerCompleter.complete(controller);
+                  },
                   transparent: true,
                   initialUrl:
                       'data:text/html;charset=utf-8;base64,$transparentBackgroundTestBase64',
@@ -1568,8 +1587,17 @@ void main() {
           ),
         ));
 
+        final WebViewController controller = await controllerCompleter.future;
         await pageLoadCompleter.future;
         await tester.pumpAndSettle();
+
+        String centerLeftColor = await controller.getPixelColorAt(0.0, 0.5);
+        String centerColor = await controller.getPixelColorAt(0.5, 0.5);
+
+        // The square in the center must be red (#FFFF0000)
+        // and the background around transparent (#00000000)
+        expect("#FFFF0000", centerColor);
+        expect("#00000000", centerLeftColor);
       },
       skip: !Platform.isAndroid,
     );
diff --git a/packages/webview_flutter/webview_flutter/lib/src/webview.dart b/packages/webview_flutter/webview_flutter/lib/src/webview.dart
index ff2fe9df394a..4dcb37e64a54 100644
--- a/packages/webview_flutter/webview_flutter/lib/src/webview.dart
+++ b/packages/webview_flutter/webview_flutter/lib/src/webview.dart
@@ -717,6 +717,13 @@ class WebViewController {
   Future<int> getScrollY() {
     return _webViewPlatformController.getScrollY();
   }
+
+  /// Get the color's hexadecimal code at the given position.
+  ///
+  /// The parameters `x` and `y` must be in the interval [0,1]
+  Future<String> getPixelColorAt(double x, double y) {
+    return _webViewPlatformController.getPixelColorAt(x, y);
+  }
 }
 
 /// Manages cookies pertaining to all [WebView]s.
diff --git a/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java b/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
index 7dff824251f4..2e5e55842fc7 100644
--- a/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
+++ b/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
@@ -6,6 +6,8 @@
 
 import android.annotation.TargetApi;
 import android.content.Context;
+import android.graphics.Bitmap;
+import android.graphics.Canvas;
 import android.hardware.display.DisplayManager;
 import android.os.Build;
 import android.os.Handler;
@@ -281,6 +283,8 @@ public void onMethodCall(MethodCall methodCall, Result result) {
       case "getScrollY":
         getScrollY(result);
         break;
+      case "getPixelColorAt":
+        getPixelColorAt(methodCall, result);
       default:
         result.notImplemented();
     }
@@ -409,6 +413,28 @@ private void getScrollY(Result result) {
     result.success(webView.getScrollY());
   }
 
+  private void getPixelColorAt(MethodCall methodCall, Result result) {
+    // Parameters
+    Map<String, Object> request = methodCall.arguments();
+    double x = (double) request.get("x");
+    double y = (double) request.get("y");
+
+    // Get an image of the WebView
+    Bitmap webviewBitmap =
+        Bitmap.createBitmap(webView.getWidth(), webView.getHeight(), Bitmap.Config.ARGB_8888);
+    Canvas bitmapCanvas = new Canvas(webviewBitmap);
+    webView.draw(bitmapCanvas);
+
+    // Find the pixel at the given position
+    int pixelColor =
+        webviewBitmap.getPixel(
+            (int) Math.floor(x * webviewBitmap.getWidth()),
+            (int) Math.floor(y * webviewBitmap.getHeight()));
+
+    // Send the result
+    result.success(String.format("#%08X", pixelColor));
+  }
+
   private void applySettings(Map<String, Object> settings) {
     for (String key : settings.keySet()) {
       switch (key) {
diff --git a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
index 6110ac04a5e8..2c07c9a3d8a5 100644
--- a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
+++ b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
@@ -206,6 +206,14 @@ class MethodChannelWebViewPlatform implements WebViewPlatformController {
   Future<int> getScrollY() =>
       _channel.invokeMethod<int>("getScrollY").then((result) => result!);
 
+  @override
+  Future<String> getPixelColorAt(double x, double y) {
+    return _channel.invokeMethod<String>('getPixelColorAt', <String, double>{
+      'x': x,
+      'y': y,
+    }).then((result) => result!);
+  }
+
   /// Method channel implementation for [WebViewPlatform.clearCookies].
   static Future<bool> clearCookies() {
     return _cookieManagerChannel
diff --git a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/platform_interface/webview_platform_controller.dart b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/platform_interface/webview_platform_controller.dart
index cfc817450372..9df91aa60991 100644
--- a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/platform_interface/webview_platform_controller.dart
+++ b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/platform_interface/webview_platform_controller.dart
@@ -237,4 +237,12 @@ abstract class WebViewPlatformController {
     throw UnimplementedError(
         "WebView getScrollY is not implemented on the current platform");
   }
+
+  /// Get the color's hexadecimal code at the given position.
+  ///
+  /// The parameters `x` and `y` must be in the interval [0,1]
+  Future<String> getPixelColorAt(double x, double y) {
+    throw UnimplementedError(
+        "WebView getPixelColorAt is not implemented on the current platform");
+  }
 }

From 9205b4342007e72aae18252838f1dc8f7e770c50 Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:17 +0100
Subject: [PATCH 10/26] Replace the transparent parameter by a backgroundColor
 parameter

Replace the transparent parameter by a backgroundColor parameter
---
 .../integration_test/webview_flutter_test.dart    |  4 ++--
 .../webview_flutter/example/lib/main.dart         |  2 +-
 .../webview_flutter/lib/src/webview.dart          | 10 ++++++----
 .../test/webview_flutter_test.dart                | 12 +++++++-----
 .../plugins/webviewflutter/FlutterWebView.java    |  8 ++++----
 .../method_channel/webview_method_channel.dart    |  2 +-
 .../lib/src/types/creation_params.dart            |  7 ++++---
 .../ios/Classes/FlutterWebView.m                  | 15 ++++++++++++---
 8 files changed, 37 insertions(+), 23 deletions(-)

diff --git a/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart b/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
index cf2628d07a4e..00cca6d46801 100644
--- a/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
+++ b/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
@@ -1474,7 +1474,7 @@ void main() {
     skip: !Platform.isAndroid,
   );
 
-  group('Transparent background', () {
+  group('Background color', () {
     testWidgets(
       'Have an opaque background by default',
       (WidgetTester tester) async {
@@ -1575,7 +1575,7 @@ void main() {
                   onWebViewCreated: (WebViewController controller) {
                     controllerCompleter.complete(controller);
                   },
-                  transparent: true,
+                  backgroundColor: Color(0x00000000),
                   initialUrl:
                       'data:text/html;charset=utf-8;base64,$transparentBackgroundTestBase64',
                   onPageFinished: (String url) {
diff --git a/packages/webview_flutter/webview_flutter/example/lib/main.dart b/packages/webview_flutter/webview_flutter/example/lib/main.dart
index cc6eb5d89dca..3ac62bea5e4d 100644
--- a/packages/webview_flutter/webview_flutter/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter/example/lib/main.dart
@@ -106,7 +106,7 @@ class _WebViewExampleState extends State<WebViewExample> {
             print('Page finished loading: $url');
           },
           gestureNavigationEnabled: true,
-          transparent: true,
+          backgroundColor: Color(0x00000000),
         );
       }),
       floatingActionButton: favoriteButton(),
diff --git a/packages/webview_flutter/webview_flutter/lib/src/webview.dart b/packages/webview_flutter/webview_flutter/lib/src/webview.dart
index 4dcb37e64a54..e15ca5b03af8 100644
--- a/packages/webview_flutter/webview_flutter/lib/src/webview.dart
+++ b/packages/webview_flutter/webview_flutter/lib/src/webview.dart
@@ -94,7 +94,7 @@ class WebView extends StatefulWidget {
     this.initialMediaPlaybackPolicy =
         AutoMediaPlaybackPolicy.require_user_action_for_all_media_types,
     this.allowsInlineMediaPlayback = false,
-    this.transparent = false,
+    this.backgroundColor,
   })  : assert(javascriptMode != null),
         assert(initialMediaPlaybackPolicy != null),
         assert(allowsInlineMediaPlayback != null),
@@ -287,8 +287,10 @@ class WebView extends StatefulWidget {
   /// The default policy is [AutoMediaPlaybackPolicy.require_user_action_for_all_media_types].
   final AutoMediaPlaybackPolicy initialMediaPlaybackPolicy;
 
-  /// If set to `true`, the webview background will be transparent.
-  final bool transparent;
+  /// The background color of the webview.
+  ///
+  /// By default `backgroundColor` is null.
+  final Color? backgroundColor;
 
   @override
   State<StatefulWidget> createState() => _WebViewState();
@@ -361,7 +363,7 @@ CreationParams _creationParamsfromWidget(WebView widget) {
     javascriptChannelNames: _extractChannelNames(widget.javascriptChannels),
     userAgent: widget.userAgent,
     autoMediaPlaybackPolicy: widget.initialMediaPlaybackPolicy,
-    transparent: widget.transparent,
+    backgroundColor: widget.backgroundColor,
   );
 }
 
diff --git a/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart b/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart
index 27d413f8d4a2..b99f048dbb90 100644
--- a/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart
+++ b/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart
@@ -926,8 +926,8 @@ void main() {
     });
   });
 
-  group('Transparent background', () {
-    testWidgets('Defaults to false', (WidgetTester tester) async {
+  group('Background color', () {
+    testWidgets('Defaults to null', (WidgetTester tester) async {
       await tester.pumpWidget(const WebView());
 
       final CreationParams params = captureBuildArgs(
@@ -935,18 +935,20 @@ void main() {
         creationParams: true,
       ).single;
 
-      expect(params.transparent, isFalse);
+      expect(params.backgroundColor, isNull);
     });
 
     testWidgets('Can be transparent', (WidgetTester tester) async {
-      await tester.pumpWidget(const WebView(transparent: true));
+      const transparentColor = Color(0x00000000);
+
+      await tester.pumpWidget(const WebView(backgroundColor: transparentColor));
 
       final CreationParams params = captureBuildArgs(
         mockWebViewPlatform,
         creationParams: true,
       ).single;
 
-      expect(params.transparent, isTrue);
+      expect(params.backgroundColor!.value, transparentColor.value);
     });
   });
 
diff --git a/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java b/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
index 2e5e55842fc7..fc9a51e5e991 100644
--- a/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
+++ b/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
@@ -113,10 +113,10 @@ public void onProgressChanged(WebView view, int progress) {
             flutterDownloadListener);
     flutterDownloadListener.setWebView(webView);
 
-    // Transparent background
-    boolean transparent = (boolean) params.get("transparent");
-    if (transparent) {
-      webView.setBackgroundColor(0x00000000);
+    // Background color
+    Number backgroundColor = (Number) params.get("backgroundColor");
+    if (backgroundColor != null) {
+      webView.setBackgroundColor(backgroundColor.intValue());
     }
 
     displayListenerProxy.onPostWebViewInitialization(displayManager);
diff --git a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
index 2c07c9a3d8a5..c69731eadc48 100644
--- a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
+++ b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
@@ -265,7 +265,7 @@ class MethodChannelWebViewPlatform implements WebViewPlatformController {
       'userAgent': creationParams.userAgent,
       'autoMediaPlaybackPolicy': creationParams.autoMediaPlaybackPolicy.index,
       'usesHybridComposition': usesHybridComposition,
-      'transparent': creationParams.transparent,
+      'backgroundColor': creationParams.backgroundColor?.value,
     };
   }
 }
diff --git a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart
index 31aea2252070..33842a87b8a6 100644
--- a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart
+++ b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart
@@ -2,6 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import 'package:flutter/widgets.dart';
 import 'auto_media_playback_policy.dart';
 import 'web_settings.dart';
 
@@ -20,7 +21,7 @@ class CreationParams {
     this.userAgent,
     this.autoMediaPlaybackPolicy =
         AutoMediaPlaybackPolicy.require_user_action_for_all_media_types,
-    this.transparent = false,
+    this.backgroundColor,
   }) : assert(autoMediaPlaybackPolicy != null);
 
   /// The initialUrl to load in the webview.
@@ -54,8 +55,8 @@ class CreationParams {
   /// Which restrictions apply on automatic media playback.
   final AutoMediaPlaybackPolicy autoMediaPlaybackPolicy;
 
-  /// If set to `true`, the webview background will be transparent.
-  final bool transparent;
+  /// The background color of the webview.
+  final Color? backgroundColor;
 
   @override
   String toString() {
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m b/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m
index 320934f7b5c3..f4bd80339f09 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m
+++ b/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m
@@ -96,11 +96,20 @@ - (instancetype)initWithFrame:(CGRect)frame
                         inConfiguration:configuration];
 
     _webView = [[FLTWKWebView alloc] initWithFrame:frame configuration:configuration];
-    if ([args[@"transparent"] boolValue]) {
+
+    // Background color
+    NSNumber* backgroundColorNSNumber = args[@"backgroundColor"];
+    if ([backgroundColorNSNumber isKindOfClass:[NSNumber class]]) {
+      int backgroundColorInt = [backgroundColorNSNumber intValue];
+      UIColor* backgroundColor = [UIColor colorWithRed:(backgroundColorInt >> 16 & 0xff) / 255.f
+                                                 green:(backgroundColorInt >> 8 & 0xff) / 255.f
+                                                  blue:(backgroundColorInt & 0xff) / 255.f
+                                                 alpha:(backgroundColorInt >> 24 & 0xff) / 255.f];
       _webView.opaque = NO;
-      _webView.backgroundColor = UIColor.clearColor;
-      _webView.scrollView.backgroundColor = UIColor.clearColor;
+      _webView.backgroundColor = backgroundColor;
+      _webView.scrollView.backgroundColor = backgroundColor;
     }
+
     _navigationDelegate = [[FLTWKNavigationDelegate alloc] initWithChannel:_channel];
     _webView.UIDelegate = self;
     _webView.navigationDelegate = _navigationDelegate;

From ef562c33d3bad992442b8b23e7f9b289d262737b Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:17 +0100
Subject: [PATCH 11/26] Update CHANGELOG.md

---
 packages/webview_flutter/webview_flutter/CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/webview_flutter/webview_flutter/CHANGELOG.md b/packages/webview_flutter/webview_flutter/CHANGELOG.md
index c267148a0926..9e03a35072ae 100644
--- a/packages/webview_flutter/webview_flutter/CHANGELOG.md
+++ b/packages/webview_flutter/webview_flutter/CHANGELOG.md
@@ -34,7 +34,7 @@
 
 ## 2.0.13
 
-* Add an option to set a transparent background for the webview.
+* Add an option to set the background color of the webview.
 
 ## 2.0.12
 

From 9657dea9f10541fd1aed176ef137ede4b783e5c5 Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:17 +0100
Subject: [PATCH 12/26] Add Android native test for the transparent background

---
 .../BackgroundColorTest.java                  | 57 +++++++++++++++++++
 .../DriverExtensionActivity.java              | 16 ++++++
 .../android/app/src/debug/AndroidManifest.xml | 12 ++++
 .../webview_flutter_test.dart                 |  7 +++
 .../webview_flutter/example/lib/main.dart     |  2 +
 5 files changed, 94 insertions(+)
 create mode 100644 packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java
 create mode 100644 packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/DriverExtensionActivity.java

diff --git a/packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java b/packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java
new file mode 100644
index 000000000000..bd8563c60154
--- /dev/null
+++ b/packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java
@@ -0,0 +1,57 @@
+// Copyright 2013 The Flutter Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+package io.flutter.plugins.webviewflutterexample;
+
+import static androidx.test.espresso.flutter.EspressoFlutter.onFlutterWidget;
+import static androidx.test.espresso.flutter.action.FlutterActions.click;
+import static androidx.test.espresso.flutter.matcher.FlutterMatchers.withText;
+import static androidx.test.espresso.flutter.matcher.FlutterMatchers.withValueKey;
+import static org.junit.Assert.assertEquals;
+
+import android.graphics.Bitmap;
+import android.graphics.Color;
+import androidx.test.core.app.ActivityScenario;
+import androidx.test.ext.junit.runners.AndroidJUnit4;
+import androidx.test.rule.ActivityTestRule;
+import androidx.test.runner.screenshot.ScreenCapture;
+import androidx.test.runner.screenshot.Screenshot;
+import org.junit.Before;
+import org.junit.Rule;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+
+@RunWith(AndroidJUnit4.class)
+public class BackgroundColorTest {
+  @Rule
+  public ActivityTestRule<DriverExtensionActivity> myActivityTestRule =
+      new ActivityTestRule<>(DriverExtensionActivity.class, true, false);
+
+  @Before
+  public void setUp() {
+    ActivityScenario.launch(DriverExtensionActivity.class);
+  }
+
+  @Test
+  public void backgroundColor() {
+    onFlutterWidget(withValueKey("ShowPopupMenu")).perform(click());
+    onFlutterWidget(withValueKey("ShowTransparentBackgroundExample")).perform(click());
+    onFlutterWidget(withText("Transparent background test"));
+
+    final ScreenCapture screenCapture = Screenshot.capture();
+    final Bitmap screenBitmap = screenCapture.getBitmap();
+
+    final int centerLeftColor =
+        screenBitmap.getPixel(10, (int) Math.floor(screenBitmap.getHeight() / 2.0));
+    final int centerColor =
+        screenBitmap.getPixel(
+            (int) Math.floor(screenBitmap.getWidth() / 2.0),
+            (int) Math.floor(screenBitmap.getHeight() / 2.0));
+
+    // Flutter Colors.green color : 0xFF4CAF50
+    // https://github.com/flutter/flutter/blob/f4abaa0735eba4dfd8f33f73363911d63931fe03/packages/flutter/lib/src/material/colors.dart#L1208
+    assertEquals(0xFF4CAF50, centerLeftColor);
+    assertEquals(Color.RED, centerColor);
+  }
+}
diff --git a/packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/DriverExtensionActivity.java b/packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/DriverExtensionActivity.java
new file mode 100644
index 000000000000..59e1b04c37f2
--- /dev/null
+++ b/packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/DriverExtensionActivity.java
@@ -0,0 +1,16 @@
+// Copyright 2013 The Flutter Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+package io.flutter.plugins.webviewflutterexample;
+
+import androidx.annotation.NonNull;
+import io.flutter.embedding.android.FlutterActivity;
+
+public class DriverExtensionActivity extends FlutterActivity {
+  @Override
+  @NonNull
+  public String getDartEntrypointFunctionName() {
+    return "appMain";
+  }
+}
diff --git a/packages/webview_flutter/webview_flutter/example/android/app/src/debug/AndroidManifest.xml b/packages/webview_flutter/webview_flutter/example/android/app/src/debug/AndroidManifest.xml
index 28792201bc36..892447eb8b8a 100644
--- a/packages/webview_flutter/webview_flutter/example/android/app/src/debug/AndroidManifest.xml
+++ b/packages/webview_flutter/webview_flutter/example/android/app/src/debug/AndroidManifest.xml
@@ -13,5 +13,17 @@
             android:hardwareAccelerated="true"
             android:windowSoftInputMode="adjustResize">
         </activity>
+        <activity
+            android:name=".DriverExtensionActivity"
+            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
+            android:hardwareAccelerated="true"
+            android:launchMode="singleTop"
+            android:theme="@style/LaunchTheme"
+            android:windowSoftInputMode="adjustResize">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
     </application>
 </manifest>
diff --git a/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart b/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
index 00cca6d46801..bc71c011f448 100644
--- a/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
+++ b/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
@@ -10,10 +10,17 @@ import 'dart:typed_data';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter/widgets.dart';
+import 'package:flutter_driver/driver_extension.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 import 'package:webview_flutter/platform_interface.dart';
 import 'package:webview_flutter/webview_flutter.dart';
+import 'package:webview_flutter_example/main.dart' as app;
+
+void appMain() {
+  enableFlutterDriverExtension();
+  app.main();
+}
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
diff --git a/packages/webview_flutter/webview_flutter/example/lib/main.dart b/packages/webview_flutter/webview_flutter/example/lib/main.dart
index 3ac62bea5e4d..71353a64c3f3 100644
--- a/packages/webview_flutter/webview_flutter/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter/example/lib/main.dart
@@ -170,6 +170,7 @@ class SampleMenu extends StatelessWidget {
       builder:
           (BuildContext context, AsyncSnapshot<WebViewController> controller) {
         return PopupMenuButton<MenuOptions>(
+          key: ValueKey('ShowPopupMenu'),
           onSelected: (MenuOptions value) {
             switch (value) {
               case MenuOptions.showUserAgent:
@@ -229,6 +230,7 @@ class SampleMenu extends StatelessWidget {
               child: Text('Navigation Delegate example'),
             ),
             const PopupMenuItem<MenuOptions>(
+              key: ValueKey('ShowTransparentBackgroundExample'),
               value: MenuOptions.transparentBackground,
               child: Text('Transparent background example'),
             ),

From 9a58db826a096ab934c4dbf7470b5f1a7c86a077 Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:18 +0100
Subject: [PATCH 13/26] Remove the integration test for the background color as
 we have XCUITests & Espresso tests

---
 .../webview_flutter_test.dart                 | 129 ------------------
 .../webview_flutter/lib/src/webview.dart      |   7 -
 .../webviewflutter/FlutterWebView.java        |  26 ----
 .../webview_method_channel.dart               |   8 --
 .../webview_platform_controller.dart          |   8 --
 5 files changed, 178 deletions(-)

diff --git a/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart b/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
index bc71c011f448..46a3a58c5aea 100644
--- a/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
+++ b/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
@@ -1480,135 +1480,6 @@ void main() {
     },
     skip: !Platform.isAndroid,
   );
-
-  group('Background color', () {
-    testWidgets(
-      'Have an opaque background by default',
-      (WidgetTester tester) async {
-        final String transparentBackgroundTest = '''
-          <!DOCTYPE html>
-          <html>
-          <head>
-            <title>Transparent background test</title>
-          </head>
-          <style type="text/css">
-            body { background: transparent; margin: 0; padding: 0; }
-            #container { position: relative; margin: 0; padding: 0; width: 100vw; height: 100vh; }
-            #shape { background: red; width: 200px; height: 200px; margin: 0; padding: 0; position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); }
-          </style>
-          <body>
-            <div id="container">
-              <div id="shape"></div>
-            </div>
-          </body>
-          </html>
-        ''';
-        final String transparentBackgroundTestBase64 = base64Encode(
-            const Utf8Encoder().convert(transparentBackgroundTest));
-        final Completer<WebViewController> controllerCompleter =
-            Completer<WebViewController>();
-        Completer<void> pageLoadCompleter = Completer<void>();
-
-        await tester.pumpWidget(Directionality(
-          textDirection: TextDirection.ltr,
-          child: Center(
-            child: RepaintBoundary(
-              child: Container(
-                color: Color.fromRGBO(0, 255, 0, 1),
-                child: WebView(
-                  onWebViewCreated: (WebViewController controller) {
-                    controllerCompleter.complete(controller);
-                  },
-                  initialUrl:
-                      'data:text/html;charset=utf-8;base64,$transparentBackgroundTestBase64',
-                  onPageFinished: (String url) {
-                    pageLoadCompleter.complete(null);
-                  },
-                ),
-              ),
-            ),
-          ),
-        ));
-
-        final WebViewController controller = await controllerCompleter.future;
-        await pageLoadCompleter.future;
-        await tester.pumpAndSettle();
-
-        String centerLeftColor = await controller.getPixelColorAt(0.0, 0.5);
-        String centerColor = await controller.getPixelColorAt(0.5, 0.5);
-
-        // The square in the center must be red (#FFFF0000)
-        // and the background around white (#FFFFFFFF)
-        expect("#FFFF0000", centerColor);
-        expect("#FFFFFFFF", centerLeftColor);
-      },
-      skip: !Platform.isAndroid,
-    );
-
-    testWidgets(
-      'Can have a transparent background',
-      (WidgetTester tester) async {
-        final String transparentBackgroundTest = '''
-          <!DOCTYPE html>
-          <html>
-          <head>
-            <title>Transparent background test</title>
-          </head>
-          <style type="text/css">
-            body { background: transparent; margin: 0; padding: 0; }
-            #container { position: relative; margin: 0; padding: 0; width: 100vw; height: 100vh; }
-            #shape { background: red; width: 200px; height: 200px; margin: 0; padding: 0; position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); }
-          </style>
-          <body>
-            <div id="container">
-              <div id="shape"></div>
-            </div>
-          </body>
-          </html>
-        ''';
-        final String transparentBackgroundTestBase64 = base64Encode(
-            const Utf8Encoder().convert(transparentBackgroundTest));
-        final Completer<WebViewController> controllerCompleter =
-            Completer<WebViewController>();
-        Completer<void> pageLoadCompleter = Completer<void>();
-
-        await tester.pumpWidget(Directionality(
-          textDirection: TextDirection.ltr,
-          child: Center(
-            child: RepaintBoundary(
-              child: Container(
-                color: Color.fromRGBO(0, 255, 0, 1),
-                child: WebView(
-                  onWebViewCreated: (WebViewController controller) {
-                    controllerCompleter.complete(controller);
-                  },
-                  backgroundColor: Color(0x00000000),
-                  initialUrl:
-                      'data:text/html;charset=utf-8;base64,$transparentBackgroundTestBase64',
-                  onPageFinished: (String url) {
-                    pageLoadCompleter.complete(null);
-                  },
-                ),
-              ),
-            ),
-          ),
-        ));
-
-        final WebViewController controller = await controllerCompleter.future;
-        await pageLoadCompleter.future;
-        await tester.pumpAndSettle();
-
-        String centerLeftColor = await controller.getPixelColorAt(0.0, 0.5);
-        String centerColor = await controller.getPixelColorAt(0.5, 0.5);
-
-        // The square in the center must be red (#FFFF0000)
-        // and the background around transparent (#00000000)
-        expect("#FFFF0000", centerColor);
-        expect("#00000000", centerLeftColor);
-      },
-      skip: !Platform.isAndroid,
-    );
-  });
 }
 
 // JavaScript booleans evaluate to different string values on Android and iOS.
diff --git a/packages/webview_flutter/webview_flutter/lib/src/webview.dart b/packages/webview_flutter/webview_flutter/lib/src/webview.dart
index e15ca5b03af8..eda6ab245d15 100644
--- a/packages/webview_flutter/webview_flutter/lib/src/webview.dart
+++ b/packages/webview_flutter/webview_flutter/lib/src/webview.dart
@@ -719,13 +719,6 @@ class WebViewController {
   Future<int> getScrollY() {
     return _webViewPlatformController.getScrollY();
   }
-
-  /// Get the color's hexadecimal code at the given position.
-  ///
-  /// The parameters `x` and `y` must be in the interval [0,1]
-  Future<String> getPixelColorAt(double x, double y) {
-    return _webViewPlatformController.getPixelColorAt(x, y);
-  }
 }
 
 /// Manages cookies pertaining to all [WebView]s.
diff --git a/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java b/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
index fc9a51e5e991..ec7a33716cc5 100644
--- a/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
+++ b/packages/webview_flutter/webview_flutter_android/android/src/main/java/io/flutter/plugins/webviewflutter/FlutterWebView.java
@@ -6,8 +6,6 @@
 
 import android.annotation.TargetApi;
 import android.content.Context;
-import android.graphics.Bitmap;
-import android.graphics.Canvas;
 import android.hardware.display.DisplayManager;
 import android.os.Build;
 import android.os.Handler;
@@ -283,8 +281,6 @@ public void onMethodCall(MethodCall methodCall, Result result) {
       case "getScrollY":
         getScrollY(result);
         break;
-      case "getPixelColorAt":
-        getPixelColorAt(methodCall, result);
       default:
         result.notImplemented();
     }
@@ -413,28 +409,6 @@ private void getScrollY(Result result) {
     result.success(webView.getScrollY());
   }
 
-  private void getPixelColorAt(MethodCall methodCall, Result result) {
-    // Parameters
-    Map<String, Object> request = methodCall.arguments();
-    double x = (double) request.get("x");
-    double y = (double) request.get("y");
-
-    // Get an image of the WebView
-    Bitmap webviewBitmap =
-        Bitmap.createBitmap(webView.getWidth(), webView.getHeight(), Bitmap.Config.ARGB_8888);
-    Canvas bitmapCanvas = new Canvas(webviewBitmap);
-    webView.draw(bitmapCanvas);
-
-    // Find the pixel at the given position
-    int pixelColor =
-        webviewBitmap.getPixel(
-            (int) Math.floor(x * webviewBitmap.getWidth()),
-            (int) Math.floor(y * webviewBitmap.getHeight()));
-
-    // Send the result
-    result.success(String.format("#%08X", pixelColor));
-  }
-
   private void applySettings(Map<String, Object> settings) {
     for (String key : settings.keySet()) {
       switch (key) {
diff --git a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
index c69731eadc48..c6331f6ad04e 100644
--- a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
+++ b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/method_channel/webview_method_channel.dart
@@ -206,14 +206,6 @@ class MethodChannelWebViewPlatform implements WebViewPlatformController {
   Future<int> getScrollY() =>
       _channel.invokeMethod<int>("getScrollY").then((result) => result!);
 
-  @override
-  Future<String> getPixelColorAt(double x, double y) {
-    return _channel.invokeMethod<String>('getPixelColorAt', <String, double>{
-      'x': x,
-      'y': y,
-    }).then((result) => result!);
-  }
-
   /// Method channel implementation for [WebViewPlatform.clearCookies].
   static Future<bool> clearCookies() {
     return _cookieManagerChannel
diff --git a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/platform_interface/webview_platform_controller.dart b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/platform_interface/webview_platform_controller.dart
index 9df91aa60991..cfc817450372 100644
--- a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/platform_interface/webview_platform_controller.dart
+++ b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/platform_interface/webview_platform_controller.dart
@@ -237,12 +237,4 @@ abstract class WebViewPlatformController {
     throw UnimplementedError(
         "WebView getScrollY is not implemented on the current platform");
   }
-
-  /// Get the color's hexadecimal code at the given position.
-  ///
-  /// The parameters `x` and `y` must be in the interval [0,1]
-  Future<String> getPixelColorAt(double x, double y) {
-    throw UnimplementedError(
-        "WebView getPixelColorAt is not implemented on the current platform");
-  }
 }

From c21abefa24bcc6e8ffd85f2464f994730660678e Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:18 +0100
Subject: [PATCH 14/26] Add missing comments

---
 packages/webview_flutter/webview_flutter/lib/src/webview.dart   | 2 ++
 .../lib/src/types/creation_params.dart                          | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/packages/webview_flutter/webview_flutter/lib/src/webview.dart b/packages/webview_flutter/webview_flutter/lib/src/webview.dart
index eda6ab245d15..2f29c747ddfe 100644
--- a/packages/webview_flutter/webview_flutter/lib/src/webview.dart
+++ b/packages/webview_flutter/webview_flutter/lib/src/webview.dart
@@ -289,6 +289,8 @@ class WebView extends StatefulWidget {
 
   /// The background color of the webview.
   ///
+  /// When null the platform's webview default background color is used.
+  ///
   /// By default `backgroundColor` is null.
   final Color? backgroundColor;
 
diff --git a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart
index 33842a87b8a6..5dbe2cb4869a 100644
--- a/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart
+++ b/packages/webview_flutter/webview_flutter_platform_interface/lib/src/types/creation_params.dart
@@ -56,6 +56,8 @@ class CreationParams {
   final AutoMediaPlaybackPolicy autoMediaPlaybackPolicy;
 
   /// The background color of the webview.
+  ///
+  /// When null the platform's webview default background color is used.
   final Color? backgroundColor;
 
   @override

From c2f700297f4303f7bac606faddcfdc5e61931ed9 Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:22:19 +0100
Subject: [PATCH 15/26] Move android native tests into the
 webview_flutter_android package

---
 .../DriverExtensionActivity.java              | 16 -------
 .../android/app/src/debug/AndroidManifest.xml | 12 ------
 .../webview_flutter_test.dart                 |  7 ---
 .../webview_flutter/pubspec.yaml              |  6 +++
 .../BackgroundColorTest.java                  | 12 +-----
 .../android/app/src/debug/AndroidManifest.xml |  4 ++
 .../example/lib/main.dart                     | 43 +++++++++++++++++++
 .../example/lib/web_view.dart                 |  9 ++++
 .../example/pubspec.yaml                      |  6 +++
 9 files changed, 70 insertions(+), 45 deletions(-)
 delete mode 100644 packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/DriverExtensionActivity.java
 rename packages/webview_flutter/{webview_flutter => webview_flutter_android}/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java (82%)

diff --git a/packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/DriverExtensionActivity.java b/packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/DriverExtensionActivity.java
deleted file mode 100644
index 59e1b04c37f2..000000000000
--- a/packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/DriverExtensionActivity.java
+++ /dev/null
@@ -1,16 +0,0 @@
-// Copyright 2013 The Flutter Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-package io.flutter.plugins.webviewflutterexample;
-
-import androidx.annotation.NonNull;
-import io.flutter.embedding.android.FlutterActivity;
-
-public class DriverExtensionActivity extends FlutterActivity {
-  @Override
-  @NonNull
-  public String getDartEntrypointFunctionName() {
-    return "appMain";
-  }
-}
diff --git a/packages/webview_flutter/webview_flutter/example/android/app/src/debug/AndroidManifest.xml b/packages/webview_flutter/webview_flutter/example/android/app/src/debug/AndroidManifest.xml
index 892447eb8b8a..28792201bc36 100644
--- a/packages/webview_flutter/webview_flutter/example/android/app/src/debug/AndroidManifest.xml
+++ b/packages/webview_flutter/webview_flutter/example/android/app/src/debug/AndroidManifest.xml
@@ -13,17 +13,5 @@
             android:hardwareAccelerated="true"
             android:windowSoftInputMode="adjustResize">
         </activity>
-        <activity
-            android:name=".DriverExtensionActivity"
-            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
-            android:hardwareAccelerated="true"
-            android:launchMode="singleTop"
-            android:theme="@style/LaunchTheme"
-            android:windowSoftInputMode="adjustResize">
-            <intent-filter>
-                <action android:name="android.intent.action.MAIN" />
-                <category android:name="android.intent.category.LAUNCHER" />
-            </intent-filter>
-        </activity>
     </application>
 </manifest>
diff --git a/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart b/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
index 46a3a58c5aea..69ddcc685ff8 100644
--- a/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
+++ b/packages/webview_flutter/webview_flutter/example/integration_test/webview_flutter_test.dart
@@ -10,17 +10,10 @@ import 'dart:typed_data';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter/widgets.dart';
-import 'package:flutter_driver/driver_extension.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 import 'package:webview_flutter/platform_interface.dart';
 import 'package:webview_flutter/webview_flutter.dart';
-import 'package:webview_flutter_example/main.dart' as app;
-
-void appMain() {
-  enableFlutterDriverExtension();
-  app.main();
-}
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
diff --git a/packages/webview_flutter/webview_flutter/pubspec.yaml b/packages/webview_flutter/webview_flutter/pubspec.yaml
index 18420d7fe8d2..b0b0739be7fa 100644
--- a/packages/webview_flutter/webview_flutter/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter/pubspec.yaml
@@ -37,3 +37,9 @@ dependency_overrides:
   webview_flutter_platform_interface:
     path:
       ../webview_flutter_platform_interface
+  webview_flutter_android:
+    path:
+      ../webview_flutter_android
+  webview_flutter_wkwebview:
+    path:
+      ../webview_flutter_wkwebview
diff --git a/packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java b/packages/webview_flutter/webview_flutter_android/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java
similarity index 82%
rename from packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java
rename to packages/webview_flutter/webview_flutter_android/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java
index bd8563c60154..3252c775f961 100644
--- a/packages/webview_flutter/webview_flutter/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java
+++ b/packages/webview_flutter/webview_flutter_android/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java
@@ -13,24 +13,16 @@
 import android.graphics.Bitmap;
 import android.graphics.Color;
 import androidx.test.core.app.ActivityScenario;
-import androidx.test.ext.junit.runners.AndroidJUnit4;
-import androidx.test.rule.ActivityTestRule;
 import androidx.test.runner.screenshot.ScreenCapture;
 import androidx.test.runner.screenshot.Screenshot;
 import org.junit.Before;
-import org.junit.Rule;
 import org.junit.Test;
-import org.junit.runner.RunWith;
 
-@RunWith(AndroidJUnit4.class)
+// @RunWith(AndroidJUnit4.class)
 public class BackgroundColorTest {
-  @Rule
-  public ActivityTestRule<DriverExtensionActivity> myActivityTestRule =
-      new ActivityTestRule<>(DriverExtensionActivity.class, true, false);
-
   @Before
   public void setUp() {
-    ActivityScenario.launch(DriverExtensionActivity.class);
+    ActivityScenario.launch(WebViewTestActivity.class);
   }
 
   @Test
diff --git a/packages/webview_flutter/webview_flutter_android/example/android/app/src/debug/AndroidManifest.xml b/packages/webview_flutter/webview_flutter_android/example/android/app/src/debug/AndroidManifest.xml
index 28792201bc36..41a81e9bf3ec 100644
--- a/packages/webview_flutter/webview_flutter_android/example/android/app/src/debug/AndroidManifest.xml
+++ b/packages/webview_flutter/webview_flutter_android/example/android/app/src/debug/AndroidManifest.xml
@@ -12,6 +12,10 @@
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
             android:hardwareAccelerated="true"
             android:windowSoftInputMode="adjustResize">
+             <intent-filter>
+                <action android:name="android.intent.action.MAIN"/>
+                <category android:name="android.intent.category.LAUNCHER"/>
+            </intent-filter>
         </activity>
     </application>
 </manifest>
diff --git a/packages/webview_flutter/webview_flutter_android/example/lib/main.dart b/packages/webview_flutter/webview_flutter_android/example/lib/main.dart
index a22d165a6ff3..1292028e9fa5 100644
--- a/packages/webview_flutter/webview_flutter_android/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter_android/example/lib/main.dart
@@ -10,10 +10,13 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:webview_flutter_android/webview_surface_android.dart';
 import 'package:webview_flutter_platform_interface/webview_flutter_platform_interface.dart';
+import 'package:flutter_driver/driver_extension.dart';
 
 import 'web_view.dart';
 
 void main() {
+  enableFlutterDriverExtension();
+
   // Configure the [WebView] to use the [SurfaceAndroidWebView]
   // implementation instead of the default [AndroidWebView].
   WebView.platform = SurfaceAndroidWebView();
@@ -36,6 +39,27 @@ The navigation delegate is set to block navigation to the youtube website.
 </html>
 ''';
 
+const String kTransparentBackgroundPage = '''
+  <!DOCTYPE html>
+  <html>
+  <head>
+    <title>Transparent background test</title>
+  </head>
+  <style type="text/css">
+    body { background: transparent; margin: 0; padding: 0; }
+    #container { position: relative; margin: 0; padding: 0; width: 100vw; height: 100vh; }
+    #shape { background: red; width: 200px; height: 200px; margin: 0; padding: 0; position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); }
+    p { text-align: center; }
+  </style>
+  <body>
+    <div id="container">
+      <p>Transparent background test</p>
+      <div id="shape"></div>
+    </div>
+  </body>
+  </html>
+''';
+
 class _WebViewExample extends StatefulWidget {
   const _WebViewExample({Key? key}) : super(key: key);
 
@@ -50,6 +74,7 @@ class _WebViewExampleState extends State<_WebViewExample> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
+      backgroundColor: Colors.green,
       appBar: AppBar(
         title: const Text('Flutter WebView example'),
         // This drop down menu demonstrates that Flutter widgets can be shown over the web view.
@@ -69,6 +94,7 @@ class _WebViewExampleState extends State<_WebViewExample> {
           javascriptChannels: _createJavascriptChannels(context),
           javascriptMode: JavascriptMode.unrestricted,
           userAgent: 'Custom_User_Agent',
+          backgroundColor: Color(0x00000000),
         );
       }),
       floatingActionButton: favoriteButton(),
@@ -116,6 +142,7 @@ enum _MenuOptions {
   listCache,
   clearCache,
   navigationDelegate,
+  transparentBackground,
 }
 
 class _SampleMenu extends StatelessWidget {
@@ -130,6 +157,7 @@ class _SampleMenu extends StatelessWidget {
       builder:
           (BuildContext context, AsyncSnapshot<WebViewController> controller) {
         return PopupMenuButton<_MenuOptions>(
+          key: ValueKey('ShowPopupMenu'),
           onSelected: (_MenuOptions value) {
             switch (value) {
               case _MenuOptions.showUserAgent:
@@ -153,6 +181,9 @@ class _SampleMenu extends StatelessWidget {
               case _MenuOptions.navigationDelegate:
                 _onNavigationDelegateExample(controller.data!, context);
                 break;
+              case _MenuOptions.transparentBackground:
+                _onTransparentBackground(controller.data!, context);
+                break;
             }
           },
           itemBuilder: (BuildContext context) => <PopupMenuItem<_MenuOptions>>[
@@ -185,6 +216,11 @@ class _SampleMenu extends StatelessWidget {
               value: _MenuOptions.navigationDelegate,
               child: Text('Navigation Delegate example'),
             ),
+            const PopupMenuItem<_MenuOptions>(
+              key: ValueKey('ShowTransparentBackgroundExample'),
+              value: _MenuOptions.transparentBackground,
+              child: Text('Transparent background example'),
+            ),
           ],
         );
       },
@@ -272,6 +308,13 @@ class _SampleMenu extends StatelessWidget {
       children: cookieWidgets.toList(),
     );
   }
+
+  void _onTransparentBackground(
+      WebViewController controller, BuildContext context) async {
+    final String contentBase64 =
+        base64Encode(const Utf8Encoder().convert(kTransparentBackgroundPage));
+    await controller.loadUrl('data:text/html;base64,$contentBase64');
+  }
 }
 
 class _NavigationControls extends StatelessWidget {
diff --git a/packages/webview_flutter/webview_flutter_android/example/lib/web_view.dart b/packages/webview_flutter/webview_flutter_android/example/lib/web_view.dart
index b43507447462..79fed4159abd 100644
--- a/packages/webview_flutter/webview_flutter_android/example/lib/web_view.dart
+++ b/packages/webview_flutter/webview_flutter_android/example/lib/web_view.dart
@@ -76,6 +76,7 @@ class WebView extends StatefulWidget {
     this.initialMediaPlaybackPolicy =
         AutoMediaPlaybackPolicy.require_user_action_for_all_media_types,
     this.allowsInlineMediaPlayback = false,
+    this.backgroundColor,
   })  : assert(javascriptMode != null),
         assert(initialMediaPlaybackPolicy != null),
         assert(allowsInlineMediaPlayback != null),
@@ -249,6 +250,13 @@ class WebView extends StatefulWidget {
   /// The default policy is [AutoMediaPlaybackPolicy.require_user_action_for_all_media_types].
   final AutoMediaPlaybackPolicy initialMediaPlaybackPolicy;
 
+  /// The background color of the webview.
+  ///
+  /// When null the platform's webview default background color is used.
+  ///
+  /// By default `backgroundColor` is null.
+  final Color? backgroundColor;
+
   @override
   _WebViewState createState() => _WebViewState();
 }
@@ -300,6 +308,7 @@ class _WebViewState extends State<WebView> {
             _javascriptChannelRegistry.channels.keys.toSet(),
         autoMediaPlaybackPolicy: widget.initialMediaPlaybackPolicy,
         userAgent: widget.userAgent,
+        backgroundColor: widget.backgroundColor,
       ),
       javascriptChannelRegistry: _javascriptChannelRegistry,
     );
diff --git a/packages/webview_flutter/webview_flutter_android/example/pubspec.yaml b/packages/webview_flutter/webview_flutter_android/example/pubspec.yaml
index 1e065a6a5b0b..f56971862c0b 100644
--- a/packages/webview_flutter/webview_flutter_android/example/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter_android/example/pubspec.yaml
@@ -31,3 +31,9 @@ flutter:
   assets:
     - assets/sample_audio.ogg
     - assets/sample_video.mp4
+
+# FOR TESTING ONLY. DO NOT MERGE.
+dependency_overrides:
+  webview_flutter_platform_interface:
+    path:
+      ../../webview_flutter_platform_interface
\ No newline at end of file

From 754360fa6ae86e051b84c70b54861b1b08f4527a Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 14:47:44 +0100
Subject: [PATCH 16/26] Move ios native tests into the
 webview_flutter_wkwebview package

Update FLTWebViewUITests.m
---
 .../ios/RunnerUITests/FLTWebViewUITests.m     | 84 -------------------
 .../ios/RunnerUITests/FLTWebViewUITests.m     | 69 +++++++++++++++
 .../example/lib/main.dart                     | 40 +++++++++
 .../example/lib/web_view.dart                 |  9 ++
 .../example/pubspec.yaml                      |  7 +-
 5 files changed, 124 insertions(+), 85 deletions(-)

diff --git a/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m b/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m
index d63c294a6ced..d193be745972 100644
--- a/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m
+++ b/packages/webview_flutter/webview_flutter/example/ios/RunnerUITests/FLTWebViewUITests.m
@@ -5,30 +5,6 @@
 @import XCTest;
 @import os.log;
 
-static UIColor* getPixelColorInImage(UIImage* image, int x, int y) {
-  CFDataRef pixelData = CGDataProviderCopyData(CGImageGetDataProvider(image.CGImage));
-  const UInt8* data = CFDataGetBytePtr(pixelData);
-
-  int imageWidth = floor(image.size.width * image.scale);
-  int pixelInfo = ((imageWidth * y) + x) * 4;  // 4 bytes per pixel
-
-  UInt8 red = data[pixelInfo + 0];
-  UInt8 green = data[pixelInfo + 1];
-  UInt8 blue = data[pixelInfo + 2];
-  UInt8 alpha = data[pixelInfo + 3];
-  CFRelease(pixelData);
-
-  return [UIColor colorWithRed:red / 255.0f
-                         green:green / 255.0f
-                          blue:blue / 255.0f
-                         alpha:alpha / 255.0f];
-}
-
-static bool compareColors(CIColor* aColor, CIColor* bColor) {
-  return aColor.red == bColor.red && aColor.green == bColor.green && aColor.blue == bColor.blue &&
-         aColor.alpha == bColor.alpha;
-}
-
 @interface FLTWebViewUITests : XCTestCase
 @property(nonatomic, strong) XCUIApplication* app;
 @end
@@ -42,66 +18,6 @@ - (void)setUp {
   [self.app launch];
 }
 
-- (void)testTransparentBackground {
-  XCUIApplication* app = self.app;
-  XCUIElement* menu = app.buttons[@"Show menu"];
-  if (![menu waitForExistenceWithTimeout:30.0]) {
-    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
-    XCTFail(@"Failed due to not able to find menu");
-  }
-  [menu tap];
-
-  XCUIElement* transparentBackground = app.buttons[@"Transparent background example"];
-  if (![transparentBackground waitForExistenceWithTimeout:30.0]) {
-    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
-    XCTFail(@"Failed due to not able to find Transparent background example");
-  }
-  [transparentBackground tap];
-
-  XCUIElement* transparentBackgroundLoaded =
-      app.webViews.staticTexts[@"Transparent background test"];
-  if (![transparentBackgroundLoaded waitForExistenceWithTimeout:30.0]) {
-    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
-    XCTFail(@"Failed due to not able to find Transparent background test");
-  }
-
-  XCUIScreenshot* screenshot = [[XCUIScreen mainScreen] screenshot];
-  XCTAttachment* screenshotAttachment = [XCTAttachment attachmentWithScreenshot:screenshot];
-  [screenshotAttachment setLifetime:XCTAttachmentLifetimeKeepAlways];
-  [screenshotAttachment setName:@"Transparent background test screen"];
-  [self addAttachment:screenshotAttachment];
-
-  UIImage* screenshotImage = screenshot.image;
-  UIColor* centerLeftColor = getPixelColorInImage(
-      screenshotImage, 0, (screenshotImage.scale * screenshotImage.size.height) / 2);
-  UIColor* centerColor = getPixelColorInImage(
-      screenshotImage, (screenshotImage.scale * screenshotImage.size.width) / 2,
-      (screenshotImage.scale * screenshotImage.size.height) / 2);
-  CIColor* centerLeftCIColor = [CIColor colorWithCGColor:centerLeftColor.CGColor];
-  CIColor* centerCIColor = [CIColor colorWithCGColor:centerColor.CGColor];
-
-  XCTAttachment* centerLeftColorAttachment =
-      [XCTAttachment attachmentWithString:centerLeftCIColor.stringRepresentation];
-  [centerLeftColorAttachment setLifetime:XCTAttachmentLifetimeKeepAlways];
-  [centerLeftColorAttachment setName:@"Left color"];
-  [self addAttachment:centerLeftColorAttachment];
-  XCTAttachment* centerColorAttachment =
-      [XCTAttachment attachmentWithString:centerCIColor.stringRepresentation];
-  [centerColorAttachment setLifetime:XCTAttachmentLifetimeKeepAlways];
-  [centerColorAttachment setName:@"Center color"];
-  [self addAttachment:centerColorAttachment];
-
-  // Flutter Colors.green color : 0xFF4CAF50 -> rgba(76, 175, 80, 1)
-  // https://github.com/flutter/flutter/blob/f4abaa0735eba4dfd8f33f73363911d63931fe03/packages/flutter/lib/src/material/colors.dart#L1208
-  CIColor* flutterGreenColor = [CIColor colorWithRed:76.0f / 255.0f
-                                               green:175.0f / 255.0f
-                                                blue:80.0f / 255.0f
-                                               alpha:1.0f];
-
-  XCTAssertTrue(compareColors(flutterGreenColor, centerLeftCIColor));
-  XCTAssertTrue(compareColors(CIColor.redColor, centerCIColor));
-}
-
 - (void)testUserAgent {
   XCUIApplication* app = self.app;
   XCUIElement* menu = app.buttons[@"Show menu"];
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m b/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m
index d193be745972..738d0927ff5b 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m
+++ b/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m
@@ -5,6 +5,30 @@
 @import XCTest;
 @import os.log;
 
+static UIColor* getPixelColorInImage(UIImage* image, int x, int y) {
+  CFDataRef pixelData = CGDataProviderCopyData(CGImageGetDataProvider(image.CGImage));
+  const UInt8* data = CFDataGetBytePtr(pixelData);
+
+  size_t bytesPerRow = CGImageGetBytesPerRow(image.CGImage);
+  size_t pixelInfo = (bytesPerRow * y) + (x * 4); // 4 bytes per pixel
+
+  UInt8 red = data[pixelInfo + 0];
+  UInt8 green = data[pixelInfo + 1];
+  UInt8 blue = data[pixelInfo + 2];
+  UInt8 alpha = data[pixelInfo + 3];
+  CFRelease(pixelData);
+
+  return [UIColor colorWithRed:red / 255.0f
+                         green:green / 255.0f
+                          blue:blue / 255.0f
+                         alpha:alpha / 255.0f];
+}
+
+static bool compareColors(CIColor* aColor, CIColor* bColor) {
+  return aColor.red == bColor.red && aColor.green == bColor.green && aColor.blue == bColor.blue &&
+         aColor.alpha == bColor.alpha;
+}
+
 @interface FLTWebViewUITests : XCTestCase
 @property(nonatomic, strong) XCUIApplication* app;
 @end
@@ -18,6 +42,51 @@ - (void)setUp {
   [self.app launch];
 }
 
+- (void)testTransparentBackground {
+  XCUIApplication* app = self.app;
+  XCUIElement* menu = app.buttons[@"Show menu"];
+  if (![menu waitForExistenceWithTimeout:30.0]) {
+    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
+    XCTFail(@"Failed due to not able to find menu");
+  }
+  [menu tap];
+
+  XCUIElement* transparentBackground = app.buttons[@"Transparent background example"];
+  if (![transparentBackground waitForExistenceWithTimeout:30.0]) {
+    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
+    XCTFail(@"Failed due to not able to find Transparent background example");
+  }
+  [transparentBackground tap];
+
+  XCUIElement* transparentBackgroundLoaded =
+      app.webViews.staticTexts[@"Transparent background test"];
+  if (![transparentBackgroundLoaded waitForExistenceWithTimeout:30.0]) {
+    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
+    XCTFail(@"Failed due to not able to find Transparent background test");
+  }
+
+  XCUIScreenshot* screenshot = [[XCUIScreen mainScreen] screenshot];
+
+  UIImage* screenshotImage = screenshot.image;
+  UIColor* centerLeftColor = getPixelColorInImage(
+      screenshotImage, 0, (screenshotImage.scale * screenshotImage.size.height) / 2);
+  UIColor* centerColor = getPixelColorInImage(
+      screenshotImage, (screenshotImage.scale * screenshotImage.size.width) / 2,
+      (screenshotImage.scale * screenshotImage.size.height) / 2);
+  CIColor* centerLeftCIColor = [CIColor colorWithCGColor:centerLeftColor.CGColor];
+  CIColor* centerCIColor = [CIColor colorWithCGColor:centerColor.CGColor];
+
+  // Flutter Colors.green color : 0xFF4CAF50 -> rgba(76, 175, 80, 1)
+  // https://github.com/flutter/flutter/blob/f4abaa0735eba4dfd8f33f73363911d63931fe03/packages/flutter/lib/src/material/colors.dart#L1208
+  CIColor* flutterGreenColor = [CIColor colorWithRed:76.0f / 255.0f
+                                               green:175.0f / 255.0f
+                                                blue:80.0f / 255.0f
+                                               alpha:1.0f];
+
+  XCTAssertTrue(compareColors(flutterGreenColor, centerLeftCIColor));
+  XCTAssertTrue(compareColors(CIColor.redColor, centerCIColor));
+}
+
 - (void)testUserAgent {
   XCUIApplication* app = self.app;
   XCUIElement* menu = app.buttons[@"Show menu"];
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart b/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart
index 72168ecc8568..76e00913f7db 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart
@@ -56,6 +56,27 @@ const String kLocalFileExamplePage = '''
 </html>
 ''';
 
+const String kTransparentBackgroundPage = '''
+  <!DOCTYPE html>
+  <html>
+  <head>
+    <title>Transparent background test</title>
+  </head>
+  <style type="text/css">
+    body { background: transparent; margin: 0; padding: 0; }
+    #container { position: relative; margin: 0; padding: 0; width: 100vw; height: 100vh; }
+    #shape { background: red; width: 200px; height: 200px; margin: 0; padding: 0; position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); }
+    p { text-align: center; }
+  </style>
+  <body>
+    <div id="container">
+      <p>Transparent background test</p>
+      <div id="shape"></div>
+    </div>
+  </body>
+  </html>
+''';
+
 class _WebViewExample extends StatefulWidget {
   const _WebViewExample({Key? key}) : super(key: key);
 
@@ -70,6 +91,7 @@ class _WebViewExampleState extends State<_WebViewExample> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
+      backgroundColor: Colors.green,
       appBar: AppBar(
         title: const Text('Flutter WebView example'),
         // This drop down menu demonstrates that Flutter widgets can be shown over the web view.
@@ -96,6 +118,7 @@ class _WebViewExampleState extends State<_WebViewExample> {
             print('allowing navigation to $request');
             return NavigationDecision.navigate;
           },
+          backgroundColor: Color(0x00000000),
         );
       }),
       floatingActionButton: favoriteButton(),
@@ -146,6 +169,7 @@ enum _MenuOptions {
   loadLocalFile,
   loadHtmlString,
   doPostRequest,
+  transparentBackground,
 }
 
 class _SampleMenu extends StatelessWidget {
@@ -160,6 +184,7 @@ class _SampleMenu extends StatelessWidget {
       builder:
           (BuildContext context, AsyncSnapshot<WebViewController> controller) {
         return PopupMenuButton<_MenuOptions>(
+          key: ValueKey('ShowPopupMenu'),
           onSelected: (_MenuOptions value) {
             switch (value) {
               case _MenuOptions.showUserAgent:
@@ -192,6 +217,9 @@ class _SampleMenu extends StatelessWidget {
               case _MenuOptions.doPostRequest:
                 _onDoPostRequest(controller.data!, context);
                 break;
+              case _MenuOptions.transparentBackground:
+                _onTransparentBackground(controller.data!, context);
+                break;
             }
           },
           itemBuilder: (BuildContext context) => <PopupMenuItem<_MenuOptions>>[
@@ -236,6 +264,11 @@ class _SampleMenu extends StatelessWidget {
               value: _MenuOptions.doPostRequest,
               child: Text('Post Request'),
             ),
+            const PopupMenuItem<_MenuOptions>(
+              key: ValueKey('ShowTransparentBackgroundExample'),
+              value: _MenuOptions.transparentBackground,
+              child: Text('Transparent background example'),
+            ),
           ],
         );
       },
@@ -352,6 +385,13 @@ class _SampleMenu extends StatelessWidget {
 
     return indexFile.path;
   }
+
+  void _onTransparentBackground(
+      WebViewController controller, BuildContext context) async {
+    final String contentBase64 =
+        base64Encode(const Utf8Encoder().convert(kTransparentBackgroundPage));
+    await controller.loadUrl('data:text/html;base64,$contentBase64');
+  }
 }
 
 class _NavigationControls extends StatelessWidget {
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/example/lib/web_view.dart b/packages/webview_flutter/webview_flutter_wkwebview/example/lib/web_view.dart
index ab4b77336765..67e2d1271721 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/example/lib/web_view.dart
+++ b/packages/webview_flutter/webview_flutter_wkwebview/example/lib/web_view.dart
@@ -69,6 +69,7 @@ class WebView extends StatefulWidget {
     this.initialMediaPlaybackPolicy =
         AutoMediaPlaybackPolicy.require_user_action_for_all_media_types,
     this.allowsInlineMediaPlayback = false,
+    this.backgroundColor,
   })  : assert(javascriptMode != null),
         assert(initialMediaPlaybackPolicy != null),
         assert(allowsInlineMediaPlayback != null),
@@ -227,6 +228,13 @@ class WebView extends StatefulWidget {
   /// The default policy is [AutoMediaPlaybackPolicy.require_user_action_for_all_media_types].
   final AutoMediaPlaybackPolicy initialMediaPlaybackPolicy;
 
+  /// The background color of the webview.
+  ///
+  /// When null the platform's webview default background color is used.
+  ///
+  /// By default `backgroundColor` is null.
+  final Color? backgroundColor;
+
   @override
   _WebViewState createState() => _WebViewState();
 }
@@ -278,6 +286,7 @@ class _WebViewState extends State<WebView> {
             _javascriptChannelRegistry.channels.keys.toSet(),
         autoMediaPlaybackPolicy: widget.initialMediaPlaybackPolicy,
         userAgent: widget.userAgent,
+        backgroundColor: widget.backgroundColor,
       ),
       javascriptChannelRegistry: _javascriptChannelRegistry,
     );
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/example/pubspec.yaml b/packages/webview_flutter/webview_flutter_wkwebview/example/pubspec.yaml
index c8001c8ffde4..64a8c02988ed 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/example/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter_wkwebview/example/pubspec.yaml
@@ -34,4 +34,9 @@ flutter:
   assets:
     - assets/sample_audio.ogg
     - assets/sample_video.mp4
-    
\ No newline at end of file
+
+# FOR TESTING ONLY. DO NOT MERGE.
+dependency_overrides:
+  webview_flutter_platform_interface:
+    path:
+      ../../webview_flutter_platform_interface

From 768c915770ccf9310e20941e71683fa9df5cbc68 Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 18:29:07 +0100
Subject: [PATCH 17/26] Add ios native test for background colors with
 transparency

---
 .../ios/RunnerUITests/FLTWebViewUITests.m     | 48 ++++++++++++++++++-
 .../example/lib/main.dart                     | 37 ++++++++++++++
 2 files changed, 84 insertions(+), 1 deletion(-)

diff --git a/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m b/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m
index 738d0927ff5b..b48a581b462c 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m
+++ b/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m
@@ -10,7 +10,7 @@
   const UInt8* data = CFDataGetBytePtr(pixelData);
 
   size_t bytesPerRow = CGImageGetBytesPerRow(image.CGImage);
-  size_t pixelInfo = (bytesPerRow * y) + (x * 4); // 4 bytes per pixel
+  size_t pixelInfo = (bytesPerRow * y) + (x * 4);  // 4 bytes per pixel
 
   UInt8 red = data[pixelInfo + 0];
   UInt8 green = data[pixelInfo + 1];
@@ -87,6 +87,52 @@ - (void)testTransparentBackground {
   XCTAssertTrue(compareColors(CIColor.redColor, centerCIColor));
 }
 
+- (void)testColoredBackground {
+  XCUIApplication* app = self.app;
+  XCUIElement* menu = app.buttons[@"Show menu"];
+  if (![menu waitForExistenceWithTimeout:30.0]) {
+    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
+    XCTFail(@"Failed due to not able to find menu");
+  }
+  [menu tap];
+
+  XCUIElement* coloredBackground = app.buttons[@"Colored background example"];
+  if (![coloredBackground waitForExistenceWithTimeout:30.0]) {
+    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
+    XCTFail(@"Failed due to not able to find Colored background example");
+  }
+  [coloredBackground tap];
+
+  XCUIElement* coloredBackgroundLoaded = app.webViews.staticTexts[@"Colored background test"];
+  if (![coloredBackgroundLoaded waitForExistenceWithTimeout:30.0]) {
+    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
+    XCTFail(@"Failed due to not able to find Colored background test");
+  }
+
+  XCUIScreenshot* screenshot = [[XCUIScreen mainScreen] screenshot];
+
+  UIImage* screenshotImage = screenshot.image;
+  UIColor* centerLeftColor = getPixelColorInImage(
+      screenshotImage, 0, (screenshotImage.scale * screenshotImage.size.height) / 2);
+  UIColor* centerColor = getPixelColorInImage(
+      screenshotImage, (screenshotImage.scale * screenshotImage.size.width) / 2,
+      (screenshotImage.scale * screenshotImage.size.height) / 2);
+  CIColor* centerLeftCIColor = [CIColor colorWithCGColor:centerLeftColor.CGColor];
+  CIColor* centerCIColor = [CIColor colorWithCGColor:centerColor.CGColor];
+
+  // Flutter Colors.green color : 0xFF4CAF50 -> rgba(76, 175, 80, 1)
+  // https://github.com/flutter/flutter/blob/f4abaa0735eba4dfd8f33f73363911d63931fe03/packages/flutter/lib/src/material/colors.dart#L1208
+  // The background color of the webview is : rgba(0, 0, 0, 0.5)
+  // The expected color is : rgba(38, 87, 40, 1)
+  CIColor* expectedColor = [CIColor colorWithRed:38.0f / 255.0f
+                                           green:87.0f / 255.0f
+                                            blue:40.0f / 255.0f
+                                           alpha:1.0f];
+
+  XCTAssertTrue(compareColors(expectedColor, centerLeftCIColor));
+  XCTAssertTrue(compareColors(CIColor.redColor, centerCIColor));
+}
+
 - (void)testUserAgent {
   XCUIApplication* app = self.app;
   XCUIElement* menu = app.buttons[@"Show menu"];
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart b/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart
index 76e00913f7db..2471e851092c 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart
@@ -77,6 +77,27 @@ const String kTransparentBackgroundPage = '''
   </html>
 ''';
 
+const String kColoredBackgroundPage = '''
+  <!DOCTYPE html>
+  <html>
+  <head>
+    <title>Colored background test</title>
+  </head>
+  <style type="text/css">
+    body { background: rgba(0, 0, 0, 0.5); margin: 0; padding: 0; }
+    #container { position: relative; margin: 0; padding: 0; width: 100vw; height: 100vh; }
+    #shape { background: red; width: 200px; height: 200px; margin: 0; padding: 0; position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); }
+    p { text-align: center; }
+  </style>
+  <body>
+    <div id="container">
+      <p>Colored background test</p>
+      <div id="shape"></div>
+    </div>
+  </body>
+  </html>
+''';
+
 class _WebViewExample extends StatefulWidget {
   const _WebViewExample({Key? key}) : super(key: key);
 
@@ -170,6 +191,7 @@ enum _MenuOptions {
   loadHtmlString,
   doPostRequest,
   transparentBackground,
+  coloredBackground,
 }
 
 class _SampleMenu extends StatelessWidget {
@@ -220,6 +242,9 @@ class _SampleMenu extends StatelessWidget {
               case _MenuOptions.transparentBackground:
                 _onTransparentBackground(controller.data!, context);
                 break;
+              case _MenuOptions.coloredBackground:
+                _onColoredBackground(controller.data!, context);
+                break;
             }
           },
           itemBuilder: (BuildContext context) => <PopupMenuItem<_MenuOptions>>[
@@ -269,6 +294,11 @@ class _SampleMenu extends StatelessWidget {
               value: _MenuOptions.transparentBackground,
               child: Text('Transparent background example'),
             ),
+            const PopupMenuItem<_MenuOptions>(
+              key: ValueKey('ShowColoredBackgroundExample'),
+              value: _MenuOptions.coloredBackground,
+              child: Text('Colored background example'),
+            ),
           ],
         );
       },
@@ -392,6 +422,13 @@ class _SampleMenu extends StatelessWidget {
         base64Encode(const Utf8Encoder().convert(kTransparentBackgroundPage));
     await controller.loadUrl('data:text/html;base64,$contentBase64');
   }
+
+  void _onColoredBackground(
+      WebViewController controller, BuildContext context) async {
+    final String contentBase64 =
+        base64Encode(const Utf8Encoder().convert(kColoredBackgroundPage));
+    await controller.loadUrl('data:text/html;base64,$contentBase64');
+  }
 }
 
 class _NavigationControls extends StatelessWidget {

From feffcb652ea7b961660dbdfa2e707d9ee45d953d Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 30 Sep 2021 18:49:03 +0100
Subject: [PATCH 18/26] Add missing dependency_overrides

---
 .../webview_flutter/webview_flutter/example/pubspec.yaml    | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/webview_flutter/webview_flutter/example/pubspec.yaml b/packages/webview_flutter/webview_flutter/example/pubspec.yaml
index 6b668eb96af3..1794edc32697 100644
--- a/packages/webview_flutter/webview_flutter/example/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter/example/pubspec.yaml
@@ -32,3 +32,9 @@ flutter:
   assets:
     - assets/sample_audio.ogg
     - assets/sample_video.mp4
+
+# FOR TESTING ONLY. DO NOT MERGE.
+dependency_overrides:
+  webview_flutter_platform_interface:
+    path:
+      ../../webview_flutter_platform_interface
\ No newline at end of file

From 91e823e40394d8aac33cb86e6b19181082c14249 Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Wed, 6 Oct 2021 15:57:00 +0100
Subject: [PATCH 19/26] Update changelogs

---
 packages/webview_flutter/webview_flutter/CHANGELOG.md     | 8 ++++----
 .../webview_flutter/webview_flutter/example/pubspec.yaml  | 8 +++++++-
 packages/webview_flutter/webview_flutter/pubspec.yaml     | 8 ++++----
 .../webview_flutter/webview_flutter_android/CHANGELOG.md  | 4 ++++
 .../webview_flutter/webview_flutter_android/pubspec.yaml  | 4 ++--
 .../webview_flutter_platform_interface/CHANGELOG.md       | 4 ++++
 .../webview_flutter_platform_interface/pubspec.yaml       | 2 +-
 .../webview_flutter_wkwebview/CHANGELOG.md                | 4 ++++
 .../webview_flutter_wkwebview/pubspec.yaml                | 4 ++--
 9 files changed, 32 insertions(+), 14 deletions(-)

diff --git a/packages/webview_flutter/webview_flutter/CHANGELOG.md b/packages/webview_flutter/webview_flutter/CHANGELOG.md
index 9e03a35072ae..86c774d88303 100644
--- a/packages/webview_flutter/webview_flutter/CHANGELOG.md
+++ b/packages/webview_flutter/webview_flutter/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 2.4.0
+
+* Add an option to set the background color of the webview.
+
 ## 2.3.1
 
 * Add iOS-specific note to set `JavascriptMode.unrestricted` in order to set `zoomEnabled: false`.
@@ -32,10 +36,6 @@
 * Send URL of File to download to the NavigationDelegate on Android just like it is already done on iOS.
 * Updated Android lint settings.
 
-## 2.0.13
-
-* Add an option to set the background color of the webview.
-
 ## 2.0.12
 
 * Improved the documentation on using the different Android Platform View modes.
diff --git a/packages/webview_flutter/webview_flutter/example/pubspec.yaml b/packages/webview_flutter/webview_flutter/example/pubspec.yaml
index 1794edc32697..99c5c1674d39 100644
--- a/packages/webview_flutter/webview_flutter/example/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter/example/pubspec.yaml
@@ -37,4 +37,10 @@ flutter:
 dependency_overrides:
   webview_flutter_platform_interface:
     path:
-      ../../webview_flutter_platform_interface
\ No newline at end of file
+      ../../webview_flutter_platform_interface
+  webview_flutter_android:
+    path:
+      ../../webview_flutter_android
+  webview_flutter_wkwebview:
+    path:
+      ../../webview_flutter_wkwebview
\ No newline at end of file
diff --git a/packages/webview_flutter/webview_flutter/pubspec.yaml b/packages/webview_flutter/webview_flutter/pubspec.yaml
index b0b0739be7fa..064031c74735 100644
--- a/packages/webview_flutter/webview_flutter/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter/pubspec.yaml
@@ -2,7 +2,7 @@ name: webview_flutter
 description: A Flutter plugin that provides a WebView widget on Android and iOS.
 repository: https://github.com/flutter/plugins/tree/master/packages/webview_flutter/webview_flutter
 issue_tracker: https://github.com/flutter/flutter/issues?q=is%3Aissue+is%3Aopen+label%3A%22p%3A+webview%22
-version: 2.3.1
+version: 2.4.0
 
 environment:
   sdk: ">=2.14.0 <3.0.0"
@@ -19,9 +19,9 @@ flutter:
 dependencies:
   flutter:
     sdk: flutter
-  webview_flutter_android: ^2.2.0
-  webview_flutter_platform_interface: ^1.2.0
-  webview_flutter_wkwebview: ^2.2.0
+  webview_flutter_android: ^2.3.0
+  webview_flutter_platform_interface: ^1.5.0
+  webview_flutter_wkwebview: ^2.5.0
 
 dev_dependencies:
   build_runner: ^2.1.5
diff --git a/packages/webview_flutter/webview_flutter_android/CHANGELOG.md b/packages/webview_flutter/webview_flutter_android/CHANGELOG.md
index b241be63248c..ce7db6e31c42 100644
--- a/packages/webview_flutter/webview_flutter_android/CHANGELOG.md
+++ b/packages/webview_flutter/webview_flutter_android/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 2.3.0
+
+* Add an option to set the background color of the webview.
+
 ## 2.2.1
 
 * Fix `NullPointerException` from a race condition when changing focus. This only affects `WebView`
diff --git a/packages/webview_flutter/webview_flutter_android/pubspec.yaml b/packages/webview_flutter/webview_flutter_android/pubspec.yaml
index 42c6e6b88c90..c458b94f96da 100644
--- a/packages/webview_flutter/webview_flutter_android/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter_android/pubspec.yaml
@@ -2,7 +2,7 @@ name: webview_flutter_android
 description: A Flutter plugin that provides a WebView widget on Android.
 repository: https://github.com/flutter/plugins/tree/master/packages/webview_flutter/webview_flutter_android
 issue_tracker: https://github.com/flutter/flutter/issues?q=is%3Aissue+is%3Aopen+label%3A%22p%3A+webview%22
-version: 2.2.1
+version: 2.3.0
 
 environment:
   sdk: ">=2.14.0 <3.0.0"
@@ -19,7 +19,7 @@ flutter:
 dependencies:
   flutter:
     sdk: flutter
-  webview_flutter_platform_interface: ^1.2.0
+  webview_flutter_platform_interface: ^1.5.0
 
 dev_dependencies:
   build_runner: ^2.1.4
diff --git a/packages/webview_flutter/webview_flutter_platform_interface/CHANGELOG.md b/packages/webview_flutter/webview_flutter_platform_interface/CHANGELOG.md
index 4c7434a86b41..8cf0a2c51d2c 100644
--- a/packages/webview_flutter/webview_flutter_platform_interface/CHANGELOG.md
+++ b/packages/webview_flutter/webview_flutter_platform_interface/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 1.5.0
+
+* Add an option to set the background color of the webview.
+
 ## 1.4.0
 
 * Added `loadFile` and `loadHtml` interface methods.
diff --git a/packages/webview_flutter/webview_flutter_platform_interface/pubspec.yaml b/packages/webview_flutter/webview_flutter_platform_interface/pubspec.yaml
index 4a4746d8ab68..57ae9a06f056 100644
--- a/packages/webview_flutter/webview_flutter_platform_interface/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter_platform_interface/pubspec.yaml
@@ -4,7 +4,7 @@ repository: https://github.com/flutter/plugins/tree/master/packages/webview_flut
 issue_tracker: https://github.com/flutter/flutter/issues?q=is%3Aissue+is%3Aopen+label%3A%22p%3A+webview_flutter%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: 1.4.0
+version: 1.5.0
 
 environment:
   sdk: ">=2.12.0 <3.0.0"
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/CHANGELOG.md b/packages/webview_flutter/webview_flutter_wkwebview/CHANGELOG.md
index cbf1f04a6181..989618b3f441 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/CHANGELOG.md
+++ b/packages/webview_flutter/webview_flutter_wkwebview/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 2.5.0
+
+* Add an option to set the background color of the webview.
+
 ## 2.4.0
 
 * Implemented new `loadFile` and `loadHtmlString` methods from the platform interface.
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/pubspec.yaml b/packages/webview_flutter/webview_flutter_wkwebview/pubspec.yaml
index 1b0155e71c57..ba016199cf62 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter_wkwebview/pubspec.yaml
@@ -2,7 +2,7 @@ name: webview_flutter_wkwebview
 description: A Flutter plugin that provides a WebView widget based on Apple's WKWebView control.
 repository: https://github.com/flutter/plugins/tree/master/packages/webview_flutter/webview_flutter_wkwebview
 issue_tracker: https://github.com/flutter/flutter/issues?q=is%3Aissue+is%3Aopen+label%3A%22p%3A+webview%22
-version: 2.4.0
+version: 2.5.0
 
 environment:
   sdk: ">=2.14.0 <3.0.0"
@@ -18,7 +18,7 @@ flutter:
 dependencies:
   flutter:
     sdk: flutter
-  webview_flutter_platform_interface: ^1.3.0
+  webview_flutter_platform_interface: ^1.5.0
 
 dev_dependencies:
   flutter_driver:

From d169d7966978bece246bbbd9f8adf6b836f20b69 Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 7 Oct 2021 16:49:08 +0100
Subject: [PATCH 20/26] Fix failing iOS test

---
 .../ios/RunnerUITests/FLTWebViewUITests.m     | 73 +++++++++----------
 .../example/lib/main.dart                     |  4 +-
 2 files changed, 37 insertions(+), 40 deletions(-)

diff --git a/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m b/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m
index b48a581b462c..511184457e96 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m
+++ b/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m
@@ -5,11 +5,11 @@
 @import XCTest;
 @import os.log;
 
-static UIColor* getPixelColorInImage(UIImage* image, int x, int y) {
-  CFDataRef pixelData = CGDataProviderCopyData(CGImageGetDataProvider(image.CGImage));
+static UIColor* getPixelColorInImage(CGImageRef image, size_t x, size_t y) {
+  CFDataRef pixelData = CGDataProviderCopyData(CGImageGetDataProvider(image));
   const UInt8* data = CFDataGetBytePtr(pixelData);
 
-  size_t bytesPerRow = CGImageGetBytesPerRow(image.CGImage);
+  size_t bytesPerRow = CGImageGetBytesPerRow(image);
   size_t pixelInfo = (bytesPerRow * y) + (x * 4);  // 4 bytes per pixel
 
   UInt8 red = data[pixelInfo + 0];
@@ -24,11 +24,6 @@
                          alpha:alpha / 255.0f];
 }
 
-static bool compareColors(CIColor* aColor, CIColor* bColor) {
-  return aColor.red == bColor.red && aColor.green == bColor.green && aColor.blue == bColor.blue &&
-         aColor.alpha == bColor.alpha;
-}
-
 @interface FLTWebViewUITests : XCTestCase
 @property(nonatomic, strong) XCUIApplication* app;
 @end
@@ -68,23 +63,24 @@ - (void)testTransparentBackground {
   XCUIScreenshot* screenshot = [[XCUIScreen mainScreen] screenshot];
 
   UIImage* screenshotImage = screenshot.image;
-  UIColor* centerLeftColor = getPixelColorInImage(
-      screenshotImage, 0, (screenshotImage.scale * screenshotImage.size.height) / 2);
-  UIColor* centerColor = getPixelColorInImage(
-      screenshotImage, (screenshotImage.scale * screenshotImage.size.width) / 2,
-      (screenshotImage.scale * screenshotImage.size.height) / 2);
-  CIColor* centerLeftCIColor = [CIColor colorWithCGColor:centerLeftColor.CGColor];
-  CIColor* centerCIColor = [CIColor colorWithCGColor:centerColor.CGColor];
-
+  CGImageRef screenshotCGImage = screenshotImage.CGImage;
+  UIColor* centerLeftColor =
+      getPixelColorInImage(screenshotCGImage, 0, CGImageGetHeight(screenshotCGImage) / 2);
+  UIColor* centerColor =
+      getPixelColorInImage(screenshotCGImage, CGImageGetWidth(screenshotCGImage) / 2,
+                           CGImageGetHeight(screenshotCGImage) / 2);
+
+  CGColorSpaceRef centerLeftColorSpace = CGColorGetColorSpace(centerLeftColor.CGColor);
   // Flutter Colors.green color : 0xFF4CAF50 -> rgba(76, 175, 80, 1)
   // https://github.com/flutter/flutter/blob/f4abaa0735eba4dfd8f33f73363911d63931fe03/packages/flutter/lib/src/material/colors.dart#L1208
-  CIColor* flutterGreenColor = [CIColor colorWithRed:76.0f / 255.0f
-                                               green:175.0f / 255.0f
-                                                blue:80.0f / 255.0f
-                                               alpha:1.0f];
-
-  XCTAssertTrue(compareColors(flutterGreenColor, centerLeftCIColor));
-  XCTAssertTrue(compareColors(CIColor.redColor, centerCIColor));
+  CGFloat flutterGreenColorComponents[] = {76.0f / 255.0f, 175.0f / 255.0f, 80.0f / 255.0f, 1.0f};
+  CGColorRef flutterGreenColor = CGColorCreate(centerLeftColorSpace, flutterGreenColorComponents);
+  CGFloat redColorComponents[] = {1.0f, 0.0f, 0.0f, 1.0f};
+  CGColorRef redColor = CGColorCreate(centerLeftColorSpace, redColorComponents);
+  CGColorSpaceRelease(centerLeftColorSpace);
+
+  XCTAssertTrue(CGColorEqualToColor(flutterGreenColor, centerLeftColor.CGColor));
+  XCTAssertTrue(CGColorEqualToColor(redColor, centerColor.CGColor));
 }
 
 - (void)testColoredBackground {
@@ -112,25 +108,26 @@ - (void)testColoredBackground {
   XCUIScreenshot* screenshot = [[XCUIScreen mainScreen] screenshot];
 
   UIImage* screenshotImage = screenshot.image;
-  UIColor* centerLeftColor = getPixelColorInImage(
-      screenshotImage, 0, (screenshotImage.scale * screenshotImage.size.height) / 2);
-  UIColor* centerColor = getPixelColorInImage(
-      screenshotImage, (screenshotImage.scale * screenshotImage.size.width) / 2,
-      (screenshotImage.scale * screenshotImage.size.height) / 2);
-  CIColor* centerLeftCIColor = [CIColor colorWithCGColor:centerLeftColor.CGColor];
-  CIColor* centerCIColor = [CIColor colorWithCGColor:centerColor.CGColor];
-
+  CGImageRef screenshotCGImage = screenshotImage.CGImage;
+  UIColor* centerLeftColor =
+      getPixelColorInImage(screenshotCGImage, 0, CGImageGetHeight(screenshotCGImage) / 2);
+  UIColor* centerColor =
+      getPixelColorInImage(screenshotCGImage, CGImageGetWidth(screenshotCGImage) / 2,
+                           CGImageGetHeight(screenshotCGImage) / 2);
+
+  CGColorSpaceRef centerLeftColorSpace = CGColorGetColorSpace(centerLeftColor.CGColor);
   // Flutter Colors.green color : 0xFF4CAF50 -> rgba(76, 175, 80, 1)
   // https://github.com/flutter/flutter/blob/f4abaa0735eba4dfd8f33f73363911d63931fe03/packages/flutter/lib/src/material/colors.dart#L1208
   // The background color of the webview is : rgba(0, 0, 0, 0.5)
   // The expected color is : rgba(38, 87, 40, 1)
-  CIColor* expectedColor = [CIColor colorWithRed:38.0f / 255.0f
-                                           green:87.0f / 255.0f
-                                            blue:40.0f / 255.0f
-                                           alpha:1.0f];
-
-  XCTAssertTrue(compareColors(expectedColor, centerLeftCIColor));
-  XCTAssertTrue(compareColors(CIColor.redColor, centerCIColor));
+  CGFloat flutterGreenColorComponents[] = {38.0f / 255.0f, 87.0f / 255.0f, 40.0f / 255.0f, 1.0f};
+  CGColorRef flutterGreenColor = CGColorCreate(centerLeftColorSpace, flutterGreenColorComponents);
+  CGFloat redColorComponents[] = {1.0f, 0.0f, 0.0f, 1.0f};
+  CGColorRef redColor = CGColorCreate(centerLeftColorSpace, redColorComponents);
+  CGColorSpaceRelease(centerLeftColorSpace);
+
+  XCTAssertTrue(CGColorEqualToColor(flutterGreenColor, centerLeftColor.CGColor));
+  XCTAssertTrue(CGColorEqualToColor(redColor, centerColor.CGColor));
 }
 
 - (void)testUserAgent {
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart b/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart
index 2471e851092c..3f6b29da2677 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart
@@ -65,7 +65,7 @@ const String kTransparentBackgroundPage = '''
   <style type="text/css">
     body { background: transparent; margin: 0; padding: 0; }
     #container { position: relative; margin: 0; padding: 0; width: 100vw; height: 100vh; }
-    #shape { background: red; width: 200px; height: 200px; margin: 0; padding: 0; position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); }
+    #shape { background: #FF0000; width: 200px; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; left: calc(50% - 100px); }
     p { text-align: center; }
   </style>
   <body>
@@ -86,7 +86,7 @@ const String kColoredBackgroundPage = '''
   <style type="text/css">
     body { background: rgba(0, 0, 0, 0.5); margin: 0; padding: 0; }
     #container { position: relative; margin: 0; padding: 0; width: 100vw; height: 100vh; }
-    #shape { background: red; width: 200px; height: 200px; margin: 0; padding: 0; position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); }
+    #shape { background: #FF0000; width: 200px; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; left: calc(50% - 100px); }
     p { text-align: center; }
   </style>
   <body>

From c7436c41674b277cee22b18426ecee043b8f0aa1 Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Fri, 8 Oct 2021 15:38:18 +0100
Subject: [PATCH 21/26] Fix iOS implementation

---
 .../BackgroundColorTest.java                  |  4 +-
 .../example/lib/main.dart                     |  4 +-
 .../ios/RunnerUITests/FLTWebViewUITests.m     | 45 -------------------
 .../example/lib/main.dart                     | 39 +---------------
 .../ios/Classes/FlutterWebView.m              |  2 +-
 5 files changed, 7 insertions(+), 87 deletions(-)

diff --git a/packages/webview_flutter/webview_flutter_android/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java b/packages/webview_flutter/webview_flutter_android/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java
index 3252c775f961..e9cabaa01784 100644
--- a/packages/webview_flutter/webview_flutter_android/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java
+++ b/packages/webview_flutter/webview_flutter_android/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java
@@ -43,7 +43,9 @@ public void backgroundColor() {
 
     // Flutter Colors.green color : 0xFF4CAF50
     // https://github.com/flutter/flutter/blob/f4abaa0735eba4dfd8f33f73363911d63931fe03/packages/flutter/lib/src/material/colors.dart#L1208
-    assertEquals(0xFF4CAF50, centerLeftColor);
+    // The background color of the webview is : rgba(0, 0, 0, 0.5)
+    // The expected color is : rgba(38, 87, 40, 1) -> 0xFF265728
+    assertEquals(0xFF265728, centerLeftColor);
     assertEquals(Color.RED, centerColor);
   }
 }
diff --git a/packages/webview_flutter/webview_flutter_android/example/lib/main.dart b/packages/webview_flutter/webview_flutter_android/example/lib/main.dart
index 1292028e9fa5..f7cfb143202e 100644
--- a/packages/webview_flutter/webview_flutter_android/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter_android/example/lib/main.dart
@@ -48,7 +48,7 @@ const String kTransparentBackgroundPage = '''
   <style type="text/css">
     body { background: transparent; margin: 0; padding: 0; }
     #container { position: relative; margin: 0; padding: 0; width: 100vw; height: 100vh; }
-    #shape { background: red; width: 200px; height: 200px; margin: 0; padding: 0; position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); }
+    #shape { background: #FF0000; width: 200px; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; left: calc(50% - 100px); }
     p { text-align: center; }
   </style>
   <body>
@@ -94,7 +94,7 @@ class _WebViewExampleState extends State<_WebViewExample> {
           javascriptChannels: _createJavascriptChannels(context),
           javascriptMode: JavascriptMode.unrestricted,
           userAgent: 'Custom_User_Agent',
-          backgroundColor: Color(0x00000000),
+          backgroundColor: Color(0x80000000),
         );
       }),
       floatingActionButton: favoriteButton(),
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m b/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m
index 511184457e96..e43fb97d41ef 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m
+++ b/packages/webview_flutter/webview_flutter_wkwebview/example/ios/RunnerUITests/FLTWebViewUITests.m
@@ -62,51 +62,6 @@ - (void)testTransparentBackground {
 
   XCUIScreenshot* screenshot = [[XCUIScreen mainScreen] screenshot];
 
-  UIImage* screenshotImage = screenshot.image;
-  CGImageRef screenshotCGImage = screenshotImage.CGImage;
-  UIColor* centerLeftColor =
-      getPixelColorInImage(screenshotCGImage, 0, CGImageGetHeight(screenshotCGImage) / 2);
-  UIColor* centerColor =
-      getPixelColorInImage(screenshotCGImage, CGImageGetWidth(screenshotCGImage) / 2,
-                           CGImageGetHeight(screenshotCGImage) / 2);
-
-  CGColorSpaceRef centerLeftColorSpace = CGColorGetColorSpace(centerLeftColor.CGColor);
-  // Flutter Colors.green color : 0xFF4CAF50 -> rgba(76, 175, 80, 1)
-  // https://github.com/flutter/flutter/blob/f4abaa0735eba4dfd8f33f73363911d63931fe03/packages/flutter/lib/src/material/colors.dart#L1208
-  CGFloat flutterGreenColorComponents[] = {76.0f / 255.0f, 175.0f / 255.0f, 80.0f / 255.0f, 1.0f};
-  CGColorRef flutterGreenColor = CGColorCreate(centerLeftColorSpace, flutterGreenColorComponents);
-  CGFloat redColorComponents[] = {1.0f, 0.0f, 0.0f, 1.0f};
-  CGColorRef redColor = CGColorCreate(centerLeftColorSpace, redColorComponents);
-  CGColorSpaceRelease(centerLeftColorSpace);
-
-  XCTAssertTrue(CGColorEqualToColor(flutterGreenColor, centerLeftColor.CGColor));
-  XCTAssertTrue(CGColorEqualToColor(redColor, centerColor.CGColor));
-}
-
-- (void)testColoredBackground {
-  XCUIApplication* app = self.app;
-  XCUIElement* menu = app.buttons[@"Show menu"];
-  if (![menu waitForExistenceWithTimeout:30.0]) {
-    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
-    XCTFail(@"Failed due to not able to find menu");
-  }
-  [menu tap];
-
-  XCUIElement* coloredBackground = app.buttons[@"Colored background example"];
-  if (![coloredBackground waitForExistenceWithTimeout:30.0]) {
-    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
-    XCTFail(@"Failed due to not able to find Colored background example");
-  }
-  [coloredBackground tap];
-
-  XCUIElement* coloredBackgroundLoaded = app.webViews.staticTexts[@"Colored background test"];
-  if (![coloredBackgroundLoaded waitForExistenceWithTimeout:30.0]) {
-    os_log_error(OS_LOG_DEFAULT, "%@", app.debugDescription);
-    XCTFail(@"Failed due to not able to find Colored background test");
-  }
-
-  XCUIScreenshot* screenshot = [[XCUIScreen mainScreen] screenshot];
-
   UIImage* screenshotImage = screenshot.image;
   CGImageRef screenshotCGImage = screenshotImage.CGImage;
   UIColor* centerLeftColor =
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart b/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart
index 3f6b29da2677..bc9ab52867d0 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter_wkwebview/example/lib/main.dart
@@ -77,27 +77,6 @@ const String kTransparentBackgroundPage = '''
   </html>
 ''';
 
-const String kColoredBackgroundPage = '''
-  <!DOCTYPE html>
-  <html>
-  <head>
-    <title>Colored background test</title>
-  </head>
-  <style type="text/css">
-    body { background: rgba(0, 0, 0, 0.5); margin: 0; padding: 0; }
-    #container { position: relative; margin: 0; padding: 0; width: 100vw; height: 100vh; }
-    #shape { background: #FF0000; width: 200px; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; left: calc(50% - 100px); }
-    p { text-align: center; }
-  </style>
-  <body>
-    <div id="container">
-      <p>Colored background test</p>
-      <div id="shape"></div>
-    </div>
-  </body>
-  </html>
-''';
-
 class _WebViewExample extends StatefulWidget {
   const _WebViewExample({Key? key}) : super(key: key);
 
@@ -139,7 +118,7 @@ class _WebViewExampleState extends State<_WebViewExample> {
             print('allowing navigation to $request');
             return NavigationDecision.navigate;
           },
-          backgroundColor: Color(0x00000000),
+          backgroundColor: Color(0x80000000),
         );
       }),
       floatingActionButton: favoriteButton(),
@@ -191,7 +170,6 @@ enum _MenuOptions {
   loadHtmlString,
   doPostRequest,
   transparentBackground,
-  coloredBackground,
 }
 
 class _SampleMenu extends StatelessWidget {
@@ -242,9 +220,6 @@ class _SampleMenu extends StatelessWidget {
               case _MenuOptions.transparentBackground:
                 _onTransparentBackground(controller.data!, context);
                 break;
-              case _MenuOptions.coloredBackground:
-                _onColoredBackground(controller.data!, context);
-                break;
             }
           },
           itemBuilder: (BuildContext context) => <PopupMenuItem<_MenuOptions>>[
@@ -294,11 +269,6 @@ class _SampleMenu extends StatelessWidget {
               value: _MenuOptions.transparentBackground,
               child: Text('Transparent background example'),
             ),
-            const PopupMenuItem<_MenuOptions>(
-              key: ValueKey('ShowColoredBackgroundExample'),
-              value: _MenuOptions.coloredBackground,
-              child: Text('Colored background example'),
-            ),
           ],
         );
       },
@@ -422,13 +392,6 @@ class _SampleMenu extends StatelessWidget {
         base64Encode(const Utf8Encoder().convert(kTransparentBackgroundPage));
     await controller.loadUrl('data:text/html;base64,$contentBase64');
   }
-
-  void _onColoredBackground(
-      WebViewController controller, BuildContext context) async {
-    final String contentBase64 =
-        base64Encode(const Utf8Encoder().convert(kColoredBackgroundPage));
-    await controller.loadUrl('data:text/html;base64,$contentBase64');
-  }
 }
 
 class _NavigationControls extends StatelessWidget {
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m b/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m
index f4bd80339f09..eff7c68b409f 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m
+++ b/packages/webview_flutter/webview_flutter_wkwebview/ios/Classes/FlutterWebView.m
@@ -106,7 +106,7 @@ - (instancetype)initWithFrame:(CGRect)frame
                                                   blue:(backgroundColorInt & 0xff) / 255.f
                                                  alpha:(backgroundColorInt >> 24 & 0xff) / 255.f];
       _webView.opaque = NO;
-      _webView.backgroundColor = backgroundColor;
+      _webView.backgroundColor = UIColor.clearColor;
       _webView.scrollView.backgroundColor = backgroundColor;
     }
 

From a5615456abe3388730c24e7e71d270b226b2877a Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Thu, 28 Oct 2021 16:16:35 +0100
Subject: [PATCH 22/26] Update Android Espresso Test

---
 .../BackgroundColorTest.java                     | 12 ++++++++++--
 .../android/app/src/debug/AndroidManifest.xml    | 12 ++++++++----
 .../DriverExtensionActivity.java                 | 16 ++++++++++++++++
 .../example/lib/main.dart                        |  5 ++++-
 4 files changed, 38 insertions(+), 7 deletions(-)
 create mode 100644 packages/webview_flutter/webview_flutter_android/example/android/app/src/main/java/io/flutter/plugins/webviewflutterexample/DriverExtensionActivity.java

diff --git a/packages/webview_flutter/webview_flutter_android/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java b/packages/webview_flutter/webview_flutter_android/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java
index e9cabaa01784..12f43ce3b24f 100644
--- a/packages/webview_flutter/webview_flutter_android/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java
+++ b/packages/webview_flutter/webview_flutter_android/example/android/app/src/androidTest/java/io/flutter/plugins/webviewflutterexample/BackgroundColorTest.java
@@ -13,16 +13,24 @@
 import android.graphics.Bitmap;
 import android.graphics.Color;
 import androidx.test.core.app.ActivityScenario;
+import androidx.test.ext.junit.runners.AndroidJUnit4;
+import androidx.test.rule.ActivityTestRule;
 import androidx.test.runner.screenshot.ScreenCapture;
 import androidx.test.runner.screenshot.Screenshot;
 import org.junit.Before;
+import org.junit.Rule;
 import org.junit.Test;
+import org.junit.runner.RunWith;
 
-// @RunWith(AndroidJUnit4.class)
+@RunWith(AndroidJUnit4.class)
 public class BackgroundColorTest {
+  @Rule
+  public ActivityTestRule<DriverExtensionActivity> myActivityTestRule =
+      new ActivityTestRule<>(DriverExtensionActivity.class, true, false);
+
   @Before
   public void setUp() {
-    ActivityScenario.launch(WebViewTestActivity.class);
+    ActivityScenario.launch(DriverExtensionActivity.class);
   }
 
   @Test
diff --git a/packages/webview_flutter/webview_flutter_android/example/android/app/src/debug/AndroidManifest.xml b/packages/webview_flutter/webview_flutter_android/example/android/app/src/debug/AndroidManifest.xml
index 41a81e9bf3ec..110b9abe1cd8 100644
--- a/packages/webview_flutter/webview_flutter_android/example/android/app/src/debug/AndroidManifest.xml
+++ b/packages/webview_flutter/webview_flutter_android/example/android/app/src/debug/AndroidManifest.xml
@@ -12,10 +12,14 @@
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
             android:hardwareAccelerated="true"
             android:windowSoftInputMode="adjustResize">
-             <intent-filter>
-                <action android:name="android.intent.action.MAIN"/>
-                <category android:name="android.intent.category.LAUNCHER"/>
-            </intent-filter>
+        </activity>
+        <activity
+                android:name=".DriverExtensionActivity"
+                android:launchMode="singleTop"
+                android:theme="@style/LaunchTheme"
+                android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
+                android:hardwareAccelerated="true"
+                android:windowSoftInputMode="adjustResize">
         </activity>
     </application>
 </manifest>
diff --git a/packages/webview_flutter/webview_flutter_android/example/android/app/src/main/java/io/flutter/plugins/webviewflutterexample/DriverExtensionActivity.java b/packages/webview_flutter/webview_flutter_android/example/android/app/src/main/java/io/flutter/plugins/webviewflutterexample/DriverExtensionActivity.java
new file mode 100644
index 000000000000..59e1b04c37f2
--- /dev/null
+++ b/packages/webview_flutter/webview_flutter_android/example/android/app/src/main/java/io/flutter/plugins/webviewflutterexample/DriverExtensionActivity.java
@@ -0,0 +1,16 @@
+// Copyright 2013 The Flutter Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+package io.flutter.plugins.webviewflutterexample;
+
+import androidx.annotation.NonNull;
+import io.flutter.embedding.android.FlutterActivity;
+
+public class DriverExtensionActivity extends FlutterActivity {
+  @Override
+  @NonNull
+  public String getDartEntrypointFunctionName() {
+    return "appMain";
+  }
+}
diff --git a/packages/webview_flutter/webview_flutter_android/example/lib/main.dart b/packages/webview_flutter/webview_flutter_android/example/lib/main.dart
index f7cfb143202e..1eb8a3301884 100644
--- a/packages/webview_flutter/webview_flutter_android/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter_android/example/lib/main.dart
@@ -14,9 +14,12 @@ import 'package:flutter_driver/driver_extension.dart';
 
 import 'web_view.dart';
 
-void main() {
+void appMain() {
   enableFlutterDriverExtension();
+  main();
+}
 
+void main() {
   // Configure the [WebView] to use the [SurfaceAndroidWebView]
   // implementation instead of the default [AndroidWebView].
   WebView.platform = SurfaceAndroidWebView();

From 3d3f66b070b1ed3b5cc28fe92869b9e2851ffad5 Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Wed, 1 Dec 2021 08:06:20 +0000
Subject: [PATCH 23/26] Update changelogs

---
 packages/webview_flutter/webview_flutter/CHANGELOG.md        | 5 ++++-
 .../webview_flutter/webview_flutter_wkwebview/CHANGELOG.md   | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/webview_flutter/webview_flutter/CHANGELOG.md b/packages/webview_flutter/webview_flutter/CHANGELOG.md
index 1aedbf205039..a8105d0e6b23 100644
--- a/packages/webview_flutter/webview_flutter/CHANGELOG.md
+++ b/packages/webview_flutter/webview_flutter/CHANGELOG.md
@@ -1,6 +1,9 @@
-## 2.4.0
+## 2.5.0
 
 * Adds an option to set the background color of the webview.
+
+## 2.4.0
+
 * Updates example app Android compileSdkVersion to 31.
 * Integration test fixes.
 * Updates code for new analysis options.
diff --git a/packages/webview_flutter/webview_flutter_wkwebview/CHANGELOG.md b/packages/webview_flutter/webview_flutter_wkwebview/CHANGELOG.md
index 22f45f27c4d7..d979cd68064d 100644
--- a/packages/webview_flutter/webview_flutter_wkwebview/CHANGELOG.md
+++ b/packages/webview_flutter/webview_flutter_wkwebview/CHANGELOG.md
@@ -1,6 +1,9 @@
-## 2.5.0
+## 2.6.0
 
 * Adds an option to set the background color of the webview.
+
+## 2.5.0
+
 * Migrates from `analysis_options_legacy.yaml` to `analysis_options.yaml`.
 * Integration test fixes.
 * Updates to webview_flutter_platform_interface version 1.5.2.

From a164d03a1acbec9c2a90fd17567670581bf54267 Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Wed, 1 Dec 2021 08:32:19 +0000
Subject: [PATCH 24/26] Fix warnings

---
 .../webview_flutter/webview_flutter/example/lib/main.dart | 8 ++++----
 .../webview_flutter/webview_flutter/example/pubspec.yaml  | 6 +++---
 packages/webview_flutter/webview_flutter/pubspec.yaml     | 6 +++---
 .../webview_flutter/test/webview_flutter_test.dart        | 6 +++---
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/webview_flutter/webview_flutter/example/lib/main.dart b/packages/webview_flutter/webview_flutter/example/lib/main.dart
index 78554d7504ca..9405ef883065 100644
--- a/packages/webview_flutter/webview_flutter/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter/example/lib/main.dart
@@ -108,7 +108,7 @@ class _WebViewExampleState extends State<WebViewExample> {
             print('Page finished loading: $url');
           },
           gestureNavigationEnabled: true,
-          backgroundColor: Color(0x00000000),
+          backgroundColor: const Color(0x00000000),
         );
       }),
       floatingActionButton: favoriteButton(),
@@ -172,7 +172,7 @@ class SampleMenu extends StatelessWidget {
       builder:
           (BuildContext context, AsyncSnapshot<WebViewController> controller) {
         return PopupMenuButton<MenuOptions>(
-          key: ValueKey('ShowPopupMenu'),
+          key: const ValueKey<String>('ShowPopupMenu'),
           onSelected: (MenuOptions value) {
             switch (value) {
               case MenuOptions.showUserAgent:
@@ -232,7 +232,7 @@ class SampleMenu extends StatelessWidget {
               child: Text('Navigation Delegate example'),
             ),
             const PopupMenuItem<MenuOptions>(
-              key: ValueKey('ShowTransparentBackgroundExample'),
+              key: ValueKey<String>('ShowTransparentBackgroundExample'),
               value: MenuOptions.transparentBackground,
               child: Text('Transparent background example'),
             ),
@@ -312,7 +312,7 @@ class SampleMenu extends StatelessWidget {
     await controller.loadUrl('data:text/html;base64,$contentBase64');
   }
 
-  void _onTransparentBackground(
+  Future<void> _onTransparentBackground(
       WebViewController controller, BuildContext context) async {
     final String contentBase64 =
         base64Encode(const Utf8Encoder().convert(kTransparentBackgroundPage));
diff --git a/packages/webview_flutter/webview_flutter/example/pubspec.yaml b/packages/webview_flutter/webview_flutter/example/pubspec.yaml
index 9755fdd172d1..e3958768074d 100644
--- a/packages/webview_flutter/webview_flutter/example/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter/example/pubspec.yaml
@@ -35,12 +35,12 @@ flutter:
 
 # FOR TESTING ONLY. DO NOT MERGE.
 dependency_overrides:
-  webview_flutter_platform_interface:
-    path:
-      ../../webview_flutter_platform_interface
   webview_flutter_android:
     path:
       ../../webview_flutter_android
+  webview_flutter_platform_interface:
+    path:
+      ../../webview_flutter_platform_interface
   webview_flutter_wkwebview:
     path:
       ../../webview_flutter_wkwebview
\ No newline at end of file
diff --git a/packages/webview_flutter/webview_flutter/pubspec.yaml b/packages/webview_flutter/webview_flutter/pubspec.yaml
index eef8bbb5b0be..c4ad5abcb85f 100644
--- a/packages/webview_flutter/webview_flutter/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter/pubspec.yaml
@@ -34,12 +34,12 @@ dev_dependencies:
 
 # FOR TESTING ONLY. DO NOT MERGE.
 dependency_overrides:
-  webview_flutter_platform_interface:
-    path:
-      ../webview_flutter_platform_interface
   webview_flutter_android:
     path:
       ../webview_flutter_android
+  webview_flutter_platform_interface:
+    path:
+      ../webview_flutter_platform_interface
   webview_flutter_wkwebview:
     path:
       ../webview_flutter_wkwebview
diff --git a/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart b/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart
index 5c2f54d85bea..6027cf873ad0 100644
--- a/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart
+++ b/packages/webview_flutter/webview_flutter/test/webview_flutter_test.dart
@@ -935,13 +935,13 @@ void main() {
       final CreationParams params = captureBuildArgs(
         mockWebViewPlatform,
         creationParams: true,
-      ).single;
+      ).single as CreationParams;
 
       expect(params.backgroundColor, null);
     });
 
     testWidgets('Can be transparent', (WidgetTester tester) async {
-      const transparentColor = Color(0x00000000);
+      const Color transparentColor = Color(0x00000000);
 
       await tester.pumpWidget(const WebView(
         backgroundColor: transparentColor,
@@ -950,7 +950,7 @@ void main() {
       final CreationParams params = captureBuildArgs(
         mockWebViewPlatform,
         creationParams: true,
-      ).single;
+      ).single as CreationParams;
 
       expect(params.backgroundColor, transparentColor);
     });

From 5eff98a7f089b77165f57d2201a34fb13a45e88f Mon Sep 17 00:00:00 2001
From: Adrien ERAUD <e-adrien@users.noreply.github.com>
Date: Wed, 1 Dec 2021 15:48:07 +0000
Subject: [PATCH 25/26] Run mockito

---
 .../test/android_webview_test.mocks.dart       | 10 ++++++++++
 .../webview_android_widget_test.mocks.dart     | 18 ++++++++++++------
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/packages/webview_flutter/webview_flutter_android/test/android_webview_test.mocks.dart b/packages/webview_flutter/webview_flutter_android/test/android_webview_test.mocks.dart
index 90cbf2c4fefe..3c1cd610c136 100644
--- a/packages/webview_flutter/webview_flutter_android/test/android_webview_test.mocks.dart
+++ b/packages/webview_flutter/webview_flutter_android/test/android_webview_test.mocks.dart
@@ -3,6 +3,7 @@
 // Do not manually edit this file.
 
 import 'dart:async' as _i4;
+import 'dart:ui' as _i5;
 
 import 'package:mockito/mockito.dart' as _i1;
 import 'package:webview_flutter_android/src/android_webview.dart' as _i2;
@@ -332,6 +333,10 @@ class MockTestWebViewHostApi extends _i1.Mock
               #setWebChromeClient, [instanceId, clientInstanceId]),
           returnValueForMissingStub: null);
   @override
+  void setBackgroundColor(int? instanceId, int? color) => super.noSuchMethod(
+      Invocation.method(#setBackgroundColor, [instanceId, color]),
+      returnValueForMissingStub: null);
+  @override
   String toString() => super.toString();
 }
 
@@ -485,6 +490,11 @@ class MockWebView extends _i1.Mock implements _i2.WebView {
           returnValue: Future<void>.value(),
           returnValueForMissingStub: Future<void>.value()) as _i4.Future<void>);
   @override
+  _i4.Future<void> setBackgroundColor(_i5.Color? color) =>
+      (super.noSuchMethod(Invocation.method(#setBackgroundColor, [color]),
+          returnValue: Future<void>.value(),
+          returnValueForMissingStub: Future<void>.value()) as _i4.Future<void>);
+  @override
   _i4.Future<void> release() =>
       (super.noSuchMethod(Invocation.method(#release, []),
           returnValue: Future<void>.value(),
diff --git a/packages/webview_flutter/webview_flutter_android/test/webview_android_widget_test.mocks.dart b/packages/webview_flutter/webview_flutter_android/test/webview_android_widget_test.mocks.dart
index 0582049acf6d..6ee53f9f9362 100644
--- a/packages/webview_flutter/webview_flutter_android/test/webview_android_widget_test.mocks.dart
+++ b/packages/webview_flutter/webview_flutter_android/test/webview_android_widget_test.mocks.dart
@@ -3,10 +3,11 @@
 // Do not manually edit this file.
 
 import 'dart:async' as _i4;
+import 'dart:ui' as _i5;
 
 import 'package:mockito/mockito.dart' as _i1;
 import 'package:webview_flutter_android/src/android_webview.dart' as _i2;
-import 'package:webview_flutter_android/webview_android_widget.dart' as _i5;
+import 'package:webview_flutter_android/webview_android_widget.dart' as _i6;
 import 'package:webview_flutter_platform_interface/webview_flutter_platform_interface.dart'
     as _i3;
 
@@ -229,6 +230,11 @@ class MockWebView extends _i1.Mock implements _i2.WebView {
           returnValue: Future<void>.value(),
           returnValueForMissingStub: Future<void>.value()) as _i4.Future<void>);
   @override
+  _i4.Future<void> setBackgroundColor(_i5.Color? color) =>
+      (super.noSuchMethod(Invocation.method(#setBackgroundColor, [color]),
+          returnValue: Future<void>.value(),
+          returnValueForMissingStub: Future<void>.value()) as _i4.Future<void>);
+  @override
   _i4.Future<void> release() =>
       (super.noSuchMethod(Invocation.method(#release, []),
           returnValue: Future<void>.value(),
@@ -241,7 +247,7 @@ class MockWebView extends _i1.Mock implements _i2.WebView {
 ///
 /// See the documentation for Mockito's code generation for more information.
 class MockWebViewAndroidDownloadListener extends _i1.Mock
-    implements _i5.WebViewAndroidDownloadListener {
+    implements _i6.WebViewAndroidDownloadListener {
   MockWebViewAndroidDownloadListener() {
     _i1.throwOnMissingStub(this);
   }
@@ -267,7 +273,7 @@ class MockWebViewAndroidDownloadListener extends _i1.Mock
 ///
 /// See the documentation for Mockito's code generation for more information.
 class MockWebViewAndroidJavaScriptChannel extends _i1.Mock
-    implements _i5.WebViewAndroidJavaScriptChannel {
+    implements _i6.WebViewAndroidJavaScriptChannel {
   MockWebViewAndroidJavaScriptChannel() {
     _i1.throwOnMissingStub(this);
   }
@@ -293,7 +299,7 @@ class MockWebViewAndroidJavaScriptChannel extends _i1.Mock
 ///
 /// See the documentation for Mockito's code generation for more information.
 class MockWebViewAndroidWebChromeClient extends _i1.Mock
-    implements _i5.WebViewAndroidWebChromeClient {
+    implements _i6.WebViewAndroidWebChromeClient {
   MockWebViewAndroidWebChromeClient() {
     _i1.throwOnMissingStub(this);
   }
@@ -310,7 +316,7 @@ class MockWebViewAndroidWebChromeClient extends _i1.Mock
 ///
 /// See the documentation for Mockito's code generation for more information.
 class MockWebViewAndroidWebViewClient extends _i1.Mock
-    implements _i5.WebViewAndroidWebViewClient {
+    implements _i6.WebViewAndroidWebViewClient {
   MockWebViewAndroidWebViewClient() {
     _i1.throwOnMissingStub(this);
   }
@@ -442,7 +448,7 @@ class MockWebViewPlatformCallbacksHandler extends _i1.Mock
 /// A class which mocks [WebViewProxy].
 ///
 /// See the documentation for Mockito's code generation for more information.
-class MockWebViewProxy extends _i1.Mock implements _i5.WebViewProxy {
+class MockWebViewProxy extends _i1.Mock implements _i6.WebViewProxy {
   MockWebViewProxy() {
     _i1.throwOnMissingStub(this);
   }

From 19ae1a607b7212be877e02c231592f958e16aad8 Mon Sep 17 00:00:00 2001
From: Stuart Morgan <stuartmorgan@google.com>
Date: Tue, 7 Dec 2021 06:13:01 -0500
Subject: [PATCH 26/26] Update to match #4584

---
 .../webview_flutter/example/lib/main.dart     | 68 +++++++++----------
 .../webview_flutter/example/pubspec.yaml      | 12 ----
 .../webview_flutter/lib/src/webview.dart      |  7 +-
 .../webview_flutter/pubspec.yaml              | 12 ----
 4 files changed, 36 insertions(+), 63 deletions(-)

diff --git a/packages/webview_flutter/webview_flutter/example/lib/main.dart b/packages/webview_flutter/webview_flutter/example/lib/main.dart
index 02bee2c55cde..c870ae9d829d 100644
--- a/packages/webview_flutter/webview_flutter/example/lib/main.dart
+++ b/packages/webview_flutter/webview_flutter/example/lib/main.dart
@@ -29,6 +29,25 @@ The navigation delegate is set to block navigation to the youtube website.
 </html>
 ''';
 
+const String kLocalExamplePage = '''
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<title>Load file or HTML string example</title>
+</head>
+<body>
+
+<h1>Local demo page</h1>
+<p>
+  This is an example page used to demonstrate how to load a local file or HTML 
+  string using the <a href="https://pub.dev/packages/webview_flutter">Flutter 
+  webview</a> plugin.
+</p>
+
+</body>
+</html>
+''';
+
 const String kTransparentBackgroundPage = '''
   <!DOCTYPE html>
   <html>
@@ -50,25 +69,6 @@ const String kTransparentBackgroundPage = '''
   </html>
 ''';
 
-const String kLocalExamplePage = '''
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<title>Load file or HTML string example</title>
-</head>
-<body>
-
-<h1>Local demo page</h1>
-<p>
-  This is an example page used to demonstrate how to load a local file or HTML 
-  string using the <a href="https://pub.dev/packages/webview_flutter">Flutter 
-  webview</a> plugin.
-</p>
-
-</body>
-</html>
-''';
-
 class WebViewExample extends StatefulWidget {
   @override
   _WebViewExampleState createState() => _WebViewExampleState();
@@ -176,9 +176,9 @@ enum MenuOptions {
   listCache,
   clearCache,
   navigationDelegate,
-  transparentBackground,
   loadLocalFile,
   loadHtmlString,
+  transparentBackground,
 }
 
 class SampleMenu extends StatelessWidget {
@@ -218,15 +218,15 @@ class SampleMenu extends StatelessWidget {
               case MenuOptions.navigationDelegate:
                 _onNavigationDelegateExample(controller.data!, context);
                 break;
-              case MenuOptions.transparentBackground:
-                _onTransparentBackground(controller.data!, context);
-                break;
               case MenuOptions.loadLocalFile:
                 _onLoadLocalFileExample(controller.data!, context);
                 break;
               case MenuOptions.loadHtmlString:
                 _onLoadHtmlStringExample(controller.data!, context);
                 break;
+              case MenuOptions.transparentBackground:
+                _onTransparentBackground(controller.data!, context);
+                break;
             }
           },
           itemBuilder: (BuildContext context) => <PopupMenuItem<MenuOptions>>[
@@ -259,11 +259,6 @@ class SampleMenu extends StatelessWidget {
               value: MenuOptions.navigationDelegate,
               child: Text('Navigation Delegate example'),
             ),
-            const PopupMenuItem<MenuOptions>(
-              key: ValueKey<String>('ShowTransparentBackgroundExample'),
-              value: MenuOptions.transparentBackground,
-              child: Text('Transparent background example'),
-            ),
             const PopupMenuItem<MenuOptions>(
               value: MenuOptions.loadHtmlString,
               child: Text('Load HTML string'),
@@ -272,6 +267,11 @@ class SampleMenu extends StatelessWidget {
               value: MenuOptions.loadLocalFile,
               child: Text('Load local file'),
             ),
+            const PopupMenuItem<MenuOptions>(
+              key: ValueKey<String>('ShowTransparentBackgroundExample'),
+              value: MenuOptions.transparentBackground,
+              child: Text('Transparent background example'),
+            ),
           ],
         );
       },
@@ -348,13 +348,6 @@ class SampleMenu extends StatelessWidget {
     await controller.loadUrl('data:text/html;base64,$contentBase64');
   }
 
-  Future<void> _onTransparentBackground(
-      WebViewController controller, BuildContext context) async {
-    final String contentBase64 =
-        base64Encode(const Utf8Encoder().convert(kTransparentBackgroundPage));
-    await controller.loadUrl('data:text/html;base64,$contentBase64');
-  }
-
   Future<void> _onLoadLocalFileExample(
       WebViewController controller, BuildContext context) async {
     final String pathToIndex = await _prepareLocalFile();
@@ -367,6 +360,11 @@ class SampleMenu extends StatelessWidget {
     await controller.loadHtmlString(kLocalExamplePage);
   }
 
+  Future<void> _onTransparentBackground(
+      WebViewController controller, BuildContext context) async {
+    await controller.loadHtmlString(kTransparentBackgroundPage);
+  }
+
   Widget _getCookieList(String cookies) {
     if (cookies == null || cookies == '""') {
       return Container();
diff --git a/packages/webview_flutter/webview_flutter/example/pubspec.yaml b/packages/webview_flutter/webview_flutter/example/pubspec.yaml
index c55a97524a63..284a7a9d5a0d 100644
--- a/packages/webview_flutter/webview_flutter/example/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter/example/pubspec.yaml
@@ -33,15 +33,3 @@ flutter:
   assets:
     - assets/sample_audio.ogg
     - assets/sample_video.mp4
-
-# FOR TESTING ONLY. DO NOT MERGE.
-dependency_overrides:
-  webview_flutter_android:
-    path:
-      ../../webview_flutter_android
-  webview_flutter_platform_interface:
-    path:
-      ../../webview_flutter_platform_interface
-  webview_flutter_wkwebview:
-    path:
-      ../../webview_flutter_wkwebview
\ No newline at end of file
diff --git a/packages/webview_flutter/webview_flutter/lib/src/webview.dart b/packages/webview_flutter/webview_flutter/lib/src/webview.dart
index 7d7c4190c10d..b2cc69045e5f 100644
--- a/packages/webview_flutter/webview_flutter/lib/src/webview.dart
+++ b/packages/webview_flutter/webview_flutter/lib/src/webview.dart
@@ -287,11 +287,10 @@ class WebView extends StatefulWidget {
   /// The default policy is [AutoMediaPlaybackPolicy.require_user_action_for_all_media_types].
   final AutoMediaPlaybackPolicy initialMediaPlaybackPolicy;
 
-  /// The background color of the webview.
+  /// The background color of the [WebView].
   ///
-  /// When null the platform's webview default background color is used.
-  ///
-  /// By default `backgroundColor` is null.
+  /// When `null` the platform's webview default background color is used. By
+  /// default [backgroundColor] is `null`.
   final Color? backgroundColor;
 
   @override
diff --git a/packages/webview_flutter/webview_flutter/pubspec.yaml b/packages/webview_flutter/webview_flutter/pubspec.yaml
index 7b466d3bd8dd..6c00f65d8022 100644
--- a/packages/webview_flutter/webview_flutter/pubspec.yaml
+++ b/packages/webview_flutter/webview_flutter/pubspec.yaml
@@ -31,15 +31,3 @@ dev_dependencies:
     sdk: flutter
   mockito: ^5.0.16
   pedantic: ^1.10.0
-
-# FOR TESTING ONLY. DO NOT MERGE.
-dependency_overrides:
-  webview_flutter_android:
-    path:
-      ../webview_flutter_android
-  webview_flutter_platform_interface:
-    path:
-      ../webview_flutter_platform_interface
-  webview_flutter_wkwebview:
-    path:
-      ../webview_flutter_wkwebview
