public void ShouldBeEqualWhenTwoSameDefinedCssClasses()
{
var cssClass = new CssClass("Button")
.WithStyle(CssPropertyNames.Color, "green")
.WithStyle(CssPropertyNames.Margin, "20px")
.WithlStyleInPixelUnit(CssPropertyNames.PaddingLeft, 12)
.WithStyle(CssPropertyNames.PaddingBottom, 15, CssUnits.Em)
.WithStyle(CssPropertyNames.Border, NumberCssStyleValue.CreatePixelValue(5), TextCssStyleValue.CreateTextValue("dotted"))
.AddPseudoSelector(PseudoSelector.Hover, props => props
.WithStyle(CssPropertyNames.Color, "red")
.WithStyle(CssPropertyNames.Width, "20px"))
.AddMediaQuery("@media (min-width: 1024px)", props =>
props.WithStyle(CssPropertyNames.Width, "50px"));
var cssClass2 = new CssClass("Button")
.WithStyle(CssPropertyNames.Color, "green")
.WithStyle(CssPropertyNames.Margin, "20px")
.WithlStyleInPixelUnit(CssPropertyNames.PaddingLeft, 12)
.WithStyle(CssPropertyNames.PaddingBottom, 15, CssUnits.Em)
.WithStyle(CssPropertyNames.Border, NumberCssStyleValue.CreatePixelValue(5), TextCssStyleValue.CreateTextValue("dotted"))
.AddPseudoSelector(PseudoSelector.Hover, props => props
.WithStyle(CssPropertyNames.Color, "red")
.WithStyle(CssPropertyNames.Width, "20px"))
.AddMediaQuery("@media (min-width: 1024px)", props =>
props.WithStyle(CssPropertyNames.Width, "50px"));
Assert.True(cssClass.Equals(cssClass2));
}
public void ShouldReturnOneStyleWhenComplexStyleValuesHasTwoDefinitions()
{
var complexStyleValue = new ComplexCssStyleValue(new ICssStyleValue[] {
NumberCssStyleValue.CreatePixelValue(10), TextCssStyleValue.CreateTextValue("dotted")
});
Assert.Equal("10px dotted", complexStyleValue.CssRepresentation());
}