fix(react): align component and e2e test generation (#6535)

nrwl · Jul 29, 2021 · 7c26151 · 7c26151
1 parent 07d9d66
commit 7c26151
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/packages/react/src/generators/component-cypress-spec/component-cypress-spec.spec.ts b/packages/react/src/generators/component-cypress-spec/component-cypress-spec.spec.ts
@@ -108,9 +108,9 @@ describe('react:component-cypress-spec', () => {
         beforeEach(() => cy.visit('/iframe.html?id=test--primary&args=name;displayAge:false;'));
         
         it('should render the component', () => {
-          cy.get('h1').should('contain', 'Welcome to test-ui-lib!');
+          cy.get('h1').should('contain', 'Welcome to Test!');
         });
-      });
+      })
       `);
           });
         });
@@ -135,7 +135,7 @@ describe('react:component-cypress-spec', () => {
       beforeEach(() => cy.visit('/iframe.html?id=test--primary'));
       
       it('should render the component', () => {
-        cy.get('h1').should('contain', 'Welcome to test-ui-lib!');
+        cy.get('h1').should('contain', 'Welcome to Test!');
       });
     });
     `);

diff --git a/...ages/react/src/generators/component-cypress-spec/files/__componentName__.spec.__fileExt__ b/...ages/react/src/generators/component-cypress-spec/files/__componentName__.spec.__fileExt__
@@ -8,6 +8,6 @@ describe('<%=projectName%>: <%= componentSelector %> component', () => {
     }%>'));
 
     it('should render the component', () => {
-      cy.get('h1').should('contain', 'Welcome to <%=projectName%>!');
+      cy.get('h1').should('contain', 'Welcome to <%=componentSelector%>!');
     });
 });
diff --git a/packages/react/src/generators/component/files/__fileName__.tsx__tmpl__ b/packages/react/src/generators/component/files/__fileName__.tsx__tmpl__
@@ -33,7 +33,7 @@ export class <%= className %> extends Component<<%= className %>Props> {
     return (
       <<%= wrapper %>>
         <%= styledModule === 'styled-jsx' ? `<style jsx>{\`div { color: pink; }\`}</style>` : `` %>
-        <p>Welcome to <%= name %>!</p>
+        <p>Welcome to <%= className %>!</p>
         <% if (routing) { %>
           <ul>
             <li><Link to="/"><%= name %> root</Link></li>
@@ -49,7 +49,7 @@ export function <%= className %>(props: <%= className %>Props) {
   return (
     <<%= wrapper %>>
       <% if (styledModule === 'styled-jsx') { %><style jsx>{`div { color: pink; }`}</style><% } %>
-      <h1>Welcome to <%= name %>!</h1>
+      <h1>Welcome to <%= className %>!</h1>
       <% if (routing) { %>
         <ul>
           <li><Link to="/"><%= name %> root</Link></li>