message: Unit tested A to A -> B to C -> B for dynamic api
diff: @@ -691,22 +691,26 @@ describe('NavigationMotion', function () {
  });
  describe('A to A -> B to C -> B', function () {
  - it('should render A -> B', async function(){
  - var stateNavigator = new StateNavigator([
  + var stateNavigator, root, container;
  + var SceneA = () => <div id="sceneA" />;
  + var SceneB = () => <div id="sceneB" />;
  + var SceneC = () => <div id="sceneC" />;
  + beforeEach(() => {
  + stateNavigator = new StateNavigator([
  { key: 'sceneA' },
  { key: 'sceneB', trackCrumbTrail: true },
  { key: 'sceneC' },
  ]);
  stateNavigator.navigate('sceneA');
  + container = document.createElement('div');
  + root = createRoot(container)
  + });
  + describe('Static', () => {
  + it('should render A -> B', async function(){
  var {sceneA, sceneB, sceneC} = stateNavigator.states;
  - var SceneA = () => <div id="sceneA" />;
  - var SceneB = () => <div id="sceneB" />;
  - var SceneC = () => <div id="sceneC" />;
  sceneA.renderScene = () => <SceneA />;
  sceneB.renderScene = () => <SceneB />;
  sceneC.renderScene = () => <SceneC />;
  - var container = document.createElement('div');
  - const root = createRoot(container)
  act(() => {
  root.render(
  <NavigationHandler stateNavigator={stateNavigator}>
  @@ -718,6 +722,29 @@ describe('NavigationMotion', function () {
  </NavigationHandler>
  );
  });
  + await test();
  + });
  + });
  + describe('Dynamic', () => {
  + it('should render A -> B', async function(){
  + act(() => {
  + root.render(
  + <NavigationHandler stateNavigator={stateNavigator}>
  + <NavigationMotion
  + renderMotion={(_style, scene, key) => (
  + <div className="scene" id={key} key={key}>{scene}</div>
  + )}>
  + <Scene stateKey="sceneA"><SceneA /></Scene>
  + <Scene stateKey="sceneB"><SceneB /></Scene>
  + <Scene stateKey="sceneC"><SceneC /></Scene>
  + </NavigationMotion>
  + </NavigationHandler>
  + );
  + });
  + await test();
  + });
  + });
  + const test = async () => {
  await act(async () => {
  stateNavigator.navigate('sceneB');
  var url = stateNavigator.fluent()
  @@ -736,7 +763,7 @@ describe('NavigationMotion', function () {
  } finally {
  act(() => root.unmount());
  }
  - })
  + };
  });
  describe('A to A -> B to C -> B to C', function () {
  