parser_selector_test.go

package css

import (
	"fmt"
	"testing"

	"github.com/stretchr/testify/assert"
)

func TestMultipleSelectors(t *testing.T) {
	css := Parse(`div .a {
						font-size: 150%;
					}
					p .b {
						font-size: 250%;
					}`)

	assert.Equal(t, css.CssRuleList[0].Style.Selector.Text(), "div .a")
	assert.Equal(t, css.CssRuleList[1].Style.Selector.Text(), "p .b")

}

func TestIdSelector(t *testing.T) {
	css := Parse("#div { color: red;}")

	assert.Equal(t, css.CssRuleList[0].Style.Styles[0].Value.Text(), "red")
	assert.Equal(t, css.CssRuleList[0].Style.Selector.Text(), "#div")
}

func TestClassSelector(t *testing.T) {
	css := Parse(".div { color: green;}")

	assert.Equal(t, css.CssRuleList[0].Style.Styles[0].Value.Text(), "green")
	assert.Equal(t, css.CssRuleList[0].Style.Selector.Text(), ".div")
}

func TestStarSelector(t *testing.T) {
	css := Parse("* { text-rendering: optimizelegibility; }")

	assert.Equal(t, "optimizelegibility", css.CssRuleList[0].Style.Styles[0].Value.Text())
	assert.Equal(t, css.CssRuleList[0].Style.Selector.Text(), "*")
}

func TestStarSelectorMulti(t *testing.T) {
	css := Parse(`div .a {
						font-size: 150%;
					}
				* { text-rendering: optimizelegibility; }`)

	assert.Equal(t, "150%", css.CssRuleList[0].Style.Styles[0].Value.Text())
	assert.Equal(t, css.CssRuleList[0].Style.Selector.Text(), "div .a")

	assert.Equal(t, "optimizelegibility", css.CssRuleList[1].Style.Styles[0].Value.Text())
	assert.Equal(t, css.CssRuleList[1].Style.Selector.Text(), "*")
}

func TestMixedClassSelectors(t *testing.T) {
	selectors := []string{".footer__content_wrapper--last",
		"table[class=\"body\"] .footer__content td",
		"table[class=\"body\"] td.footer__link_wrapper--first",
		"table[class=\"body\"] td.footer__link_wrapper--last"}

	for _, selector := range selectors {
		css := Parse(fmt.Sprintf(` %s {
							    	border-collapse: separate;
							    	padding: 10px 0 0
							    	}`, selector))

		assert.Equal(t, "separate", css.CssRuleList[0].Style.Styles[0].Value.Text())
		assert.Equal(t, "10px 0 0", css.CssRuleList[0].Style.Styles[1].Value.Text())
		assert.Equal(t, css.CssRuleList[0].Style.Selector.Text(), selector)
	}
}

func TestGenericSelectors(t *testing.T) {
	selectors := []string{
		"p ~ ul",
		"div > p",
		"div > p",
		"div p",
		"div, p",
		"[target]",
		"[target=_blank]",
		"[title~=flower]",
		"[lang|=en]",
		"a[href^=\"https\"]",
		"a[href$=\".pdf\"]",
		"a[href*=\"css\"]",
		".header + .content",
		"#firstname",
		"table[class=\"body\"] .footer__content td",
		"table[class=\"body\"] td.footer__link_wrapper--first"}

	for _, selector := range selectors {
		css := Parse(fmt.Sprintf(` %s {
							    	border-collapse: separate;
							    	padding: 10px 0 0
							    	}`, selector))

		assert.Equal(t, "separate", css.CssRuleList[0].Style.Styles[0].Value.Text())
		assert.Equal(t, "10px 0 0", css.CssRuleList[0].Style.Styles[1].Value.Text())
		assert.Equal(t, css.CssRuleList[0].Style.Selector.Text(), selector)
	}
}

func TestFilterSelectors(t *testing.T) {
	selectors := []string{
		"a:active",
		"p::after",
		"p::before",
		"input:checked",
		"input:disabled",
		"input:in-range",
		"input:invalid",
		"input:optional",
		"input:read-only",
		"input:enabled",
		"p:empty",
		"p:first-child",
		"p::first-letter",
		"p::first-line",
		"p:first-of-type",
		"input:focus",
		"a:hover",
		"p:lang(it)",
		"p:last-child",
		"p:last-of-type",
		"a:link",
		":not(p)",
		"p:nth-child(2)",
		"p:nth-last-child(2)",
		"p:only-of-type",
		"p:only-child",
		"p:nth-last-of-type(2)",
		"div:not(:nth-child(1))",
		"div:not(:not(:first-child))",
		":root",
		"::selection",
		"#news:target"}

	for _, selector := range selectors {
		css := Parse(fmt.Sprintf(` %s {
							    	border-collapse: separate;
							    	padding: 10px 0 0
							    	}`, selector))

		assert.Equal(t, "separate", css.CssRuleList[0].Style.Styles[0].Value.Text())
		assert.Equal(t, "10px 0 0", css.CssRuleList[0].Style.Styles[1].Value.Text())
		assert.Equal(t, css.CssRuleList[0].Style.Selector.Text(), selector)
	}
}

func TestFontFace(t *testing.T) {
	css := Parse(`@font-face {
				      font-family: "Bitstream Vera Serif Bold";
				      src: url("https://mdn.mozillademos.org/files/2468/VeraSeBd.ttf");
				    }

				    body { font-family: "Bitstream Vera Serif Bold", serif }`)

	assert.Equal(t, css.CssRuleList[0].Style.Selector.Text(), "")
	assert.Equal(t, css.CssRuleList[0].Style.Styles[0].Value.Text(), "\"Bitstream Vera Serif Bold\"")
	assert.Equal(t, css.CssRuleList[0].Style.Styles[1].Value.Text(), "url(\"https://mdn.mozillademos.org/files/2468/VeraSeBd.ttf\")")
	assert.Equal(t, css.CssRuleList[1].Style.Styles[0].Value.Text(), "\"Bitstream Vera Serif Bold\", serif")
	assert.Equal(t, css.CssRuleList[0].Type, FONT_FACE_RULE)
}

func TestPage(t *testing.T) {
	css := Parse(`@page :first {
					margin: 2in 3in;
				}`)

	assert.Equal(t, css.CssRuleList[0].Style.Selector.Text(), ":first")
	assert.Equal(t, css.CssRuleList[0].Style.Styles[0].Value.Text(), "2in 3in")
	assert.Equal(t, css.CssRuleList[0].Type, PAGE_RULE)
}

func TestCounterStyle(t *testing.T) {
	css := Parse(`@counter-style winners-list {
				system: cyclic;
				symbols: "\1F44D";
				suffix: " ";
	  }`)

	assert.Equal(t, css.CssRuleList[0].Style.Selector.Text(), "winners-list")
	assert.Equal(t, css.CssRuleList[0].Style.Styles[0].Value.Text(), "cyclic")
	assert.Equal(t, css.CssRuleList[0].Style.Styles[1].Value.Text(), "\"\\1F44D\"")
	assert.Equal(t, css.CssRuleList[0].Style.Styles[2].Value.Text(), "\" \"")
	assert.Equal(t, css.CssRuleList[0].Type, COUNTER_STYLE_RULE)
}