title: Using Cypress, how would I write a simple test to check that a logo image exists on a page
body: <p>specifically, I would like to test that the logo appears on the home page of the app.  I guess I am not sure what I should use to look for the image.</p>
  
  <p>I tried </p>
  
  <pre><code>it('has a logo', function () {
      cy.visit('http://localhost:3000')
      cy.get('img').should('contains' , 'My-Logo.png')
    })
  </code></pre>
  
  <p>instead of cy.get I also tried to just use </p>
  
  <pre><code>cy.contains('My-Logo.png')
  </code></pre>
  
  <p>but it also fails.</p>
  
  <p>I wasn't sure what element I should use or if I should be using get, but it fails.  When I look at the source code for the web page, the logo is hidden within the javascript (nodeJS, vueJS,and expressJS application) and I noticed the javascript seems to add a sequence of numbers and letters to the image when I go to the image page even though the image name in the assets folder does not have it on there.  My-Logo.d63b7f9.png.</p>