test(example): Added deeper nesting tests

ui-router · Nov 13, 2018 · 63bb051 · 63bb051
1 parent b58f252
commit 63bb051
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 18 deletions.
diff --git a/example/cypress/integration/example_spec.js b/example/cypress/integration/example_spec.js
@@ -12,37 +12,55 @@ 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');
   });
 
   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
@@ -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>
 <!--