Test if the data-heading-elements attribute pulls the correct headers into the component
Use the story controls to select which headers should be pulled into the component. For example:
- Selecting "Default" should pull h2 and h3 headers into the in-page navigation.
- Selecting "All" should pull all headers (h1-h6) into the in-page navigation.
- Selecting "h4" should pull only h4 headers into the in-page navigation.
-
Selecting "Error - Invalid heading type" should prevent the in-page navigation component from building
and return an error message in the console.
{% set all_headers = "h1 h2 h3 h4 h5 h6" %}
{% if headingType != "Default" %}
{% if headingType == "All" %}
{% set headerValue = all_headers %}
{% elseif headingType == "Error - Invalid heading type" %}
{% set headerValue = "j1" %}
{% else %}
{% set headerValue = headingType %}
{% endif %}
{% endif %}