describe(`Notes List`, function() {

  it(`can render custom heading levels`, function() {
    cy.visit(`http://localhost:6006/iframe.html?id=components-notes-list--heading-level`);
    cy.contains(`.notes-list h2`, `Notes`);
  });

  it(`adds a note`, function() {
    
    cy.visit(`http://localhost:6006/iframe.html?id=components-notes-list--empty`);
    
    cy.get(`.js-add-note-button`)
    .click();
    
    cy.get(`.notes`)
    .children()
    .should(`have.lengthOf`, 1);

    // TODO: Note should be visible.

  });

});

@@ -237,16 +237,26 @@
 t(%60adds 
+/ deletes 
 a note%60,
@@ -494,40 +494,126 @@
     
-// TODO: Note should be visible.
+cy.get(%60.note .js-delete-button%60)%0A    .click();%0A%0A    cy.get(%60.notes%60)%0A    .children()%0A    .should(%60have.lengthOf%60, 0);
 %0A%0A  

delete a note