Placeholder Tests

Placeholder Tests

This page is for smoke testing the Placeholders feature of CustardUI.

Placeholders from Config work with tabgroup on page:

I like eating \[[ fruit ]]:

• I like eating [[ fruit]]

The placeholder should be populated with the default fruit tab even when visiting from a incognito window or new page.

Fall forward Behavior

Given username is: \[[ username ? $ : None ]]

• Given username is: [[ username ? $ : None ]]

Given username* is: \[[ username* ? $ : None ]]

• Given username is: [[ username* ? $ : None ]]

placeholderTest placeholder Tests

Test default, fallback empty, fallback value, truthy falsly.

• \[[placeholderTest]]: [[placeholderTest]]
• \[[placeholderTest : ]]: [[ placeholderTest : ]]
• \[[placeholderTest* : ]]: [[ placeholderTest* : ]]
• \[[placeholderTest : fallback]]: [[placeholderTest : fallback]]
• \[[placeholderTest* : fallback]]: [[placeholderTest* : fallback]]
• \[[placeholderTest ? Truth : Falsy]]: [[placeholderTest ? Truth : Falsy]]
• \[[placeholderTest* ? Truth : Falsy]]: [[placeholderTest* ? Truth : Falsy]]

Toggle Tests

<cv-toggle placeholder-id="placeholderTest">Welcome, \[[placeholderTest]]!</cv-toggle>

    

    Copy
    

    


    
    
    
    

    Wrap Text
    

    


    
    
    

• Welcome, [[placeholderTest]]!

<cv-toggle placeholder-id="placeholderTest*">Welcome, \[[placeholderTest]]!</cv-toggle>

    

    Copy
    

    


    
    
    
    

    Wrap Text
    

    


    
    
    

• Welcome, [[placeholderTest]]!