tent: "to" }
}

.target.animated::after {
  animation: content-animation 1s paused linear forwards;
}

</style>
<body>
<div class="target"></div>
<script>

test(function() {
  const target = document.querySelector(".target");
  const style = getComputedStyle(target, "::after");

  assert_equals(style.content, '"default"', "Before the animation is applied.");

  target.classList.add("animated");
  const animation = target.getAnimations({ subtree: true })[0];

  const testContentAtTime = (time, expected) => {