def test_css_for_down_wrong_limit_key(self):
css_class = 'padding-100-medium-down'
name = 'padding'
value = px_to_em('100')
expected = ''
css_property = Property(name=name, value=value, priority='')
breakpoint_parser = BreakpointParser(css_class=css_class, css_property=css_property)
breakpoint_parser.limit_key = '-only' # Change to WRONG LIMIT KEY.
css = breakpoint_parser.css_for_down()
self.assertEqual(css, expected)
def test_css_for_down_general_usage(self):
css_class = 'padding-100-medium-down'
name = 'padding'
value = px_to_em('100')
expected = (
'@media only screen and (max-width: 45.0em) {\n' +
'\t.padding-100-medium-down {\n' +
'\t\tpadding: 6.25em;\n' +
'\t}\n' +
'}\n\n'
)
css_property = Property(name=name, value=value, priority='')
breakpoint_parser = BreakpointParser(css_class=css_class, css_property=css_property)
css = breakpoint_parser.css_for_down()
self.assertEqual(css, expected)
def test_css_for_down_display_custom(self):
css_class = 'display-369-down'
name = 'display'
value = 'none'
expected = (
'@media only screen and (min-width: 23.0625em) {\n' +
'\t.display-369-down {\n' +
'\t\tdisplay: none;\n' +
'\t}\n' +
'}\n\n'
)
css_property = Property(name=name, value=value, priority='')
breakpoint_parser = BreakpointParser(css_class=css_class, css_property=css_property)
css = breakpoint_parser.css_for_down()
self.assertEqual(css, expected)