<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script
src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js">
</script>
<div id="remove">
</div>
<script>
  $elem = $("#remove");
  $angularEle = angular.element("#remove");

  function showElement(element) {
    element[0].style.display = "block";
  }

  function hideElement(element) {
    element[0].style.display = "none";
  }
</script>

Setup JS

Teardown JS

Test cases

Test #1

Title *

Async

Code *

$elem.show();
$elem.hide();

Test #2

Title *

Async

Code *

$elem.css("display", "block");
$elem.css("display", "none");

Test #3

Title *

Async

Code *

$elem[0].style.display = "block"
$elem[0].style.display = "none";

Test #4

Title *

Async

Code *

showElement($elem);
hideElement($elem);

Test #5

Title *

Async

Code *

$elem.get(0).style.display = "block"
$elem.get(0).style.display = "none";

Test #6

Title *

Async

Code *

$elem.css({
  "display": "block"
});
$elem.css({
  "display": "none"
});

Test #7

Title *

Async

Code *

$angularEle.show();
$angularEle.hide();

Test case details

Preparation Code

Test cases

Test #1

Test #2

Test #3

Test #4

Test #5

Test #6

Test #7