def testCssZeroWidthLengths(self):
    self.VerifyContentsProducesOutput("\n@-webkit-keyframe anim {\n  0% { /* Ignore key frames */\n    width: 0px;\n  }\n  10% {\n    width: 10px;\n  }\n  50% { background-image: url(blah.svg); }\n  100% {\n    width: 100px;\n  }\n}\n\n#logo {\n  background-image: url(images/google_logo.png@2x);\n}\n\nbody.alternate-logo #logo {\n  -webkit-mask-image: url(images/google_logo.png@2x);\n}\n\n/* http://crbug.com/359682 */\n#spinner-container #spinner {\n  -webkit-animation-duration: 1.0s;\n  background-image: url(images/google_logo0.svg);\n}\n\n.media-button.play > .state0.active,\n.media-button[state='0'] > .state0.normal /* blah */, /* blee */\n.media-button[state='0']:not(.disabled):hover > .state0.hover {\n  -webkit-animation: anim 0s;\n  -webkit-animation-duration: anim 0ms;\n  -webkit-transform: scale(0%);\n  background-position-x: 0em;\n  background-position-y: 0ex;\n  border-width: 0em;\n  color: hsl(0, 0%, 85%); /* Shouldn't trigger error. */\n  opacity: .0;\n  opacity: 0.0;\n  opacity: 0.;\n}\n\n@page {\n  border-width: 0mm;\n  height: 0cm;\n  width: 0in;\n}", '\n- Use "0" for zero-width lengths (i.e. 0px -> 0)\n    width: 0px;\n    -webkit-transform: scale(0%);\n    background-position-x: 0em;\n    background-position-y: 0ex;\n    border-width: 0em;\n    opacity: .0;\n    opacity: 0.0;\n    opacity: 0.;\n    border-width: 0mm;\n    height: 0cm;\n    width: 0in;\n')
def testCssZeroWidthLengths(self):
    self.VerifyContentsProducesOutput("\n@-webkit-keyframe anim {\n  0% { /* Ignore key frames */\n    width: 0px;\n  }\n  10% {\n    width: 10px;\n  }\n  50% { background-image: url(blah.svg); }\n  100% {\n    width: 100px;\n  }\n}\n\n#logo {\n  background-image: url(images/google_logo.png@2x);\n}\n\nbody.alternate-logo #logo {\n  -webkit-mask-image: url(images/google_logo.png@2x);\n}\n\n/* http://crbug.com/359682 */\n#spinner-container #spinner {\n  -webkit-animation-duration: 1.0s;\n  background-image: url(images/google_logo0.svg);\n}\n\n.media-button.play > .state0.active,\n.media-button[state='0'] > .state0.normal /* blah */, /* blee */\n.media-button[state='0']:not(.disabled):hover > .state0.hover {\n  -webkit-animation: anim 0s;\n  -webkit-animation-duration: anim 0ms;\n  -webkit-transform: scale(0%);\n  background-position-x: 0em;\n  background-position-y: 0ex;\n  border-width: 0em;\n  color: hsl(0, 0%, 85%); /* Shouldn't trigger error. */\n  opacity: .0;\n  opacity: 0.0;\n  opacity: 0.;\n}\n\n@page {\n  border-width: 0mm;\n  height: 0cm;\n  width: 0in;\n}", '\n- Use "0" for zero-width lengths (i.e. 0px -> 0)\n    width: 0px;\n    -webkit-transform: scale(0%);\n    background-position-x: 0em;\n    background-position-y: 0ex;\n    border-width: 0em;\n    opacity: .0;\n    opacity: 0.0;\n    opacity: 0.;\n    border-width: 0mm;\n    height: 0cm;\n    width: 0in;\n')