From 63bb051d2da8c8fe8c98fd639b9a12fe2efe4c91 Mon Sep 17 00:00:00 2001
From: Chris Thielen <cthielen@netflix.com>
Date: Mon, 12 Nov 2018 16:02:57 -0800
Subject: [PATCH] test(example): Added deeper nesting tests

---
 example/cypress/integration/example_spec.js | 38 +++++++++++++++------
 example/public/index.html                   | 16 ++++-----
 2 files changed, 36 insertions(+), 18 deletions(-)

diff --git a/example/cypress/integration/example_spec.js b/example/cypress/integration/example_spec.js
index 9577c30d..e5780fdb 100644
--- a/example/cypress/integration/example_spec.js
+++ b/example/cypress/integration/example_spec.js
@@ -12,24 +12,21 @@ describe('example app', () => {
 
   it('renders angularjs', () => {
     cy.visit('');
-    cy.contains('a[ui-sref=angular]', 'angular').click();
+    cy.get('#angular').click();
     cy.url().should('include', '#!/angular');
     cy.contains('Hello from angularjs');
   });
 
   it('renders react', () => {
     cy.visit('');
-    cy.contains('a[ui-sref=react]', 'react').click();
+    cy.get('#react').click();
     cy.url().should('include', '#!/react');
     cy.contains('Hello from react');
   });
 
   it('renders react inside angularjs', () => {
     cy.visit('');
-    cy
-      .get('a')
-      .contains('angular.react')
-      .click();
+    cy.get('#angular_react').click();
     cy.url().should('include', '#!/angular/react');
     cy.contains('Hello from angularjs');
     cy.contains('Hello from react');
@@ -37,12 +34,33 @@ describe('example app', () => {
 
   it('renders angularjs inside react', () => {
     cy.visit('');
-    cy
-      .get('a')
-      .contains('react.angular')
-      .click();
+    cy.get('#react_angular').click();
     cy.url().should('include', '#!/react/angular');
     cy.contains('Hello from react');
     cy.contains('Hello from angularjs');
   });
+
+  it('renders angularjs inside react inside angularjs', () => {
+    cy.visit('');
+    cy.get('#angular_react_angular').click();
+    cy.url().should('include', '#!/angular/react/angular');
+  });
+
+  it('renders react inside angularjs inside react', () => {
+    cy.visit('');
+    cy.get('#react_angular_react').click();
+    cy.url().should('include', '#!/react/angular/react');
+  });
+
+  it('renders react inside angularjs inside react inside angularjs', () => {
+    cy.visit('');
+    cy.get('#angular_react_angular_react').click();
+    cy.url().should('include', '#!/angular/react/angular/react');
+  });
+
+  it('renders angularjs inside react inside angularjs inside react', () => {
+    cy.visit('');
+    cy.get('#react_angular_react_angular').click();
+    cy.url().should('include', '#!/react/angular/react/angular');
+  });
 });
diff --git a/example/public/index.html b/example/public/index.html
index f7fbb3a8..4420c0ea 100755
--- a/example/public/index.html
+++ b/example/public/index.html
@@ -27,14 +27,14 @@
   You need to enable JavaScript to run this app.
 </noscript>
 <div id="root">
-  <a ui-sref="react" ui-sref-active-eq="active">react</a>
-  <a ui-sref="react.angular" ui-sref-active-eq="active">react.angular</a>
-  <a ui-sref="react.angular.react" ui-sref-active-eq="active">react.angular.react</a>
-  <a ui-sref="react.angular.react.angular" ui-sref-active-eq="active">react.angular.react.angular</a>
-  <a ui-sref="angular" ui-sref-active-eq="active">angular</a>
-  <a ui-sref="angular.react" ui-sref-active-eq="active">angular.react</a>
-  <a ui-sref="angular.react.angular" ui-sref-active-eq="active">angular.react.angular</a>
-  <a ui-sref="angular.react.angular.react" ui-sref-active-eq="active">angular.react.angular.react</a>
+  <a id="react" ui-sref="react" ui-sref-active-eq="active">react</a>
+  <a id="react_angular" ui-sref="react.angular" ui-sref-active-eq="active">react.angular</a>
+  <a id="react_angular_react" ui-sref="react.angular.react" ui-sref-active-eq="active">react.angular.react</a>
+  <a id="react_angular_react_angular" ui-sref="react.angular.react.angular" ui-sref-active-eq="active">react.angular.react.angular</a>
+  <a id="angular" ui-sref="angular" ui-sref-active-eq="active">angular</a>
+  <a id="angular_react" ui-sref="angular.react" ui-sref-active-eq="active">angular.react</a>
+  <a id="angular_react_angular" ui-sref="angular.react.angular" ui-sref-active-eq="active">angular.react.angular</a>
+  <a id="angular_react_angular_react" ui-sref="angular.react.angular.react" ui-sref-active-eq="active">angular.react.angular.react</a>
   <ui-view></ui-view>
 </div>
 <!--