added e2e test for custom content

Samuel BERTHELOT · Samuel BERTHELOT · commit 5e39d03e4653 · 2021-03-31T10:25:49.000+02:00
diff --git a/cypress/integration/10.content.spec.js b/cypress/integration/10.content.spec.js
@@ -0,0 +1,31 @@
+/// <reference types="Cypress" />
+
+context('Custom split content example page tests', () => {
+  beforeEach(() => {
+    cy.visit('/examples/custom-gutter-content')
+  })
+
+  it('Verify gutter has custom label', () => {
+    cy.wait(1000)
+    cy.get('.custom-gutter-content').should('have.text', 'Custom label')
+  })
+
+  it('Verify gutter custom label is updated', () => {
+    cy.wait(1000)
+
+    cy.get('input:text').type(' updated')
+    cy.get('.custom-gutter-content').should('have.text', 'Custom label updated')
+  })
+
+  it('Verify gutter button is clicked', () => {
+    cy.wait(1000)
+
+    const stub = cy.stub()
+    cy.on('window:alert', stub)
+    cy.get('.custom-gutter-content > input:button')
+      .click()
+      .then(() => {
+        expect(stub.getCall(0)).to.be.calledWith('I was clicked')
+      })
+  })
+})
diff --git a/src/app/examples/custom-gutter-content/custom-gutter-content.component.ts b/src/app/examples/custom-gutter-content/custom-gutter-content.component.ts
@@ -18,7 +18,7 @@ import { AComponent } from '../../ui/components/AComponent'
             <ng-template #gutterTemplate>
               <div class="custom-gutter-container">
                 <div class="custom-gutter-content">
-                  <span>{{ customLabel }} </span>
+                  <span>{{ customLabel }}</span>
                   <input type="button" value="button" (click)="onClick()" />
                 </div>
               </div>
