title: jasmine check element's visibility after click
body: <p>new to Jasmine, </p>
  
  <p>I have a fancy dropdown that becomes visible after clicking on a button.</p>
  
  <p>I want to test that the dropdown menu becomes visible after the button is clicked.</p>
  
  <pre><code>describe("dropdown becomes visible", function () {
  
   beforeEach(function() {
      $('.dropdownButton').trigger('click');
   });
  
   it("should call click function", function() {    
      expect($(".dropdown-menu")is.(':visible')).toBe(true);
   });
  
  });
  </code></pre>
  
  <p>it returns false, if I were to type those two in the console, it becomes true.</p>
  
  <p>is this a typical use case for testing? I don't see many examples online.</p>