Merge pull request #236 from cleandart/CPLAT-8698-expose-componentZone

CPLAT-8698 Expose the componentZone

Author: keepsimple7

lib/react_client.dart

@@ -13,6 +13,7 @@ import 'dart:js';
 import 'dart:js_util';
 
 import "package:js/js.dart";
+import 'package:meta/meta.dart';
 
 import "package:react/react.dart";
 import 'package:react/react_client/js_interop_helpers.dart';
@@ -53,6 +54,21 @@ dynamic listifyChildren(dynamic children) {
   }
 }
 
+/// The zone in which React will call component lifecycle methods.
+///
+/// This can be used to sync a test's zone and React's component zone, ensuring that component prop callbacks and
+/// lifecycle method output all occurs within the same zone as the test.
+///
+/// __Example:__
+///
+///     test('zone test', () {
+///       componentZone = Zone.current;
+///
+///       // ... test your component
+///     }
+@visibleForTesting
+Zone componentZone = Zone.root;
+
 /// Use [ReactDartComponentFactoryProxy2] instead.
 ///
 /// Will be removed when [Component] is removed in the `6.0.0` release.
@@ -473,10 +489,6 @@ final ReactDartInteropStatics _dartInteropStatics = (() {
 })();
 
 abstract class _ReactDartInteropStatics2 {
-  // TODO 3.1.0-wip expose for testing?
-  /// The zone in which all component lifecycle methods are run.
-  static final componentZone = Zone.root;
-
   static void _updatePropsAndStateWithJs(Component2 component, JsMap props, JsMap state) {
     component
       ..props = new JsBackedMap.backedBy(props)

test/lifecycle_test.dart

@@ -14,7 +14,6 @@ import 'package:react/react.dart' as react;
 import 'package:react/react_client.dart';
 import 'package:react/react_client/js_backed_map.dart';
 import 'package:react/react_client/react_interop.dart' as react_interop;
-import 'package:react/react_client/react_interop.dart';
 import 'package:react/react_dom.dart' as react_dom;
 import 'package:react/react_test_utils.dart' as react_test_utils;
 import 'package:test/test.dart';