def testPrefixedLogicalSide(self):
    self.VerifyContentsProducesOutput('\n.test {\n  -webkit-border-after: 1px solid blue;\n  -webkit-border-after-color: green;\n  -webkit-border-after-style: dotted;\n  -webkit-border-after-width: 10px;\n  -webkit-border-before: 2px solid blue;\n  -webkit-border-before-color: green;\n  -webkit-border-before-style: dotted;\n  -webkit-border-before-width: 20px;\n  -webkit-border-end: 3px solid blue;\n  -webkit-border-end-color: green;\n  -webkit-border-end-style: dotted;\n  -webkit-border-end-width: 30px;\n  -webkit-border-start: 4px solid blue;\n  -webkit-border-start-color: green;\n  -webkit-border-start-style: dotted;\n  -webkit-border-start-width: 40px;\n  -webkit-margin-after: 1px;\n  -webkit-margin-after-collapse: discard;\n  -webkit-margin-before: 2px;\n  -webkit-margin-before-collapse: discard;\n  -webkit-margin-end: 3px;\n  -webkit-margin-end-collapse: discard;\n  -webkit-margin-start: 4px;\n  -webkit-margin-start-collapse: discard;\n  -webkit-padding-after: 1px;\n  -webkit-padding-before: 2px;\n  -webkit-padding-end: 3px;\n  -webkit-padding-start: 4px;\n}\n', '\n- Unprefix logical side property.\n    -webkit-border-after: 1px solid blue; (replace with border-block-end)\n    -webkit-border-after-color: green; (replace with border-block-end-color)\n    -webkit-border-after-style: dotted; (replace with border-block-end-style)\n    -webkit-border-after-width: 10px; (replace with border-block-end-width)\n    -webkit-border-before: 2px solid blue; (replace with border-block-start)\n    -webkit-border-before-color: green; (replace with border-block-start-color)\n    -webkit-border-before-style: dotted; (replace with border-block-start-style)\n    -webkit-border-before-width: 20px; (replace with border-block-start-width)\n    -webkit-border-end: 3px solid blue; (replace with border-inline-end)\n    -webkit-border-end-color: green; (replace with border-inline-end-color)\n    -webkit-border-end-style: dotted; (replace with border-inline-end-style)\n    -webkit-border-end-width: 30px; (replace with border-inline-end-width)\n    -webkit-border-start: 4px solid blue; (replace with border-inline-start)\n    -webkit-border-start-color: green; (replace with border-inline-start-color)\n    -webkit-border-start-style: dotted; (replace with border-inline-start-style)\n    -webkit-border-start-width: 40px; (replace with border-inline-start-width)\n    -webkit-margin-after: 1px; (replace with margin-block-end)\n    -webkit-margin-before: 2px; (replace with margin-block-start)\n    -webkit-margin-end: 3px; (replace with margin-inline-end)\n    -webkit-margin-start: 4px; (replace with margin-inline-start)\n    -webkit-padding-after: 1px; (replace with padding-block-end)\n    -webkit-padding-before: 2px; (replace with padding-block-start)\n    -webkit-padding-end: 3px; (replace with padding-inline-end)\n    -webkit-padding-start: 4px; (replace with padding-inline-start)')
def testPrefixedLogicalSide(self):
    self.VerifyContentsProducesOutput('\n.test {\n  -webkit-border-after: 1px solid blue;\n  -webkit-border-after-color: green;\n  -webkit-border-after-style: dotted;\n  -webkit-border-after-width: 10px;\n  -webkit-border-before: 2px solid blue;\n  -webkit-border-before-color: green;\n  -webkit-border-before-style: dotted;\n  -webkit-border-before-width: 20px;\n  -webkit-border-end: 3px solid blue;\n  -webkit-border-end-color: green;\n  -webkit-border-end-style: dotted;\n  -webkit-border-end-width: 30px;\n  -webkit-border-start: 4px solid blue;\n  -webkit-border-start-color: green;\n  -webkit-border-start-style: dotted;\n  -webkit-border-start-width: 40px;\n  -webkit-margin-after: 1px;\n  -webkit-margin-after-collapse: discard;\n  -webkit-margin-before: 2px;\n  -webkit-margin-before-collapse: discard;\n  -webkit-margin-end: 3px;\n  -webkit-margin-end-collapse: discard;\n  -webkit-margin-start: 4px;\n  -webkit-margin-start-collapse: discard;\n  -webkit-padding-after: 1px;\n  -webkit-padding-before: 2px;\n  -webkit-padding-end: 3px;\n  -webkit-padding-start: 4px;\n}\n', '\n- Unprefix logical side property.\n    -webkit-border-after: 1px solid blue; (replace with border-block-end)\n    -webkit-border-after-color: green; (replace with border-block-end-color)\n    -webkit-border-after-style: dotted; (replace with border-block-end-style)\n    -webkit-border-after-width: 10px; (replace with border-block-end-width)\n    -webkit-border-before: 2px solid blue; (replace with border-block-start)\n    -webkit-border-before-color: green; (replace with border-block-start-color)\n    -webkit-border-before-style: dotted; (replace with border-block-start-style)\n    -webkit-border-before-width: 20px; (replace with border-block-start-width)\n    -webkit-border-end: 3px solid blue; (replace with border-inline-end)\n    -webkit-border-end-color: green; (replace with border-inline-end-color)\n    -webkit-border-end-style: dotted; (replace with border-inline-end-style)\n    -webkit-border-end-width: 30px; (replace with border-inline-end-width)\n    -webkit-border-start: 4px solid blue; (replace with border-inline-start)\n    -webkit-border-start-color: green; (replace with border-inline-start-color)\n    -webkit-border-start-style: dotted; (replace with border-inline-start-style)\n    -webkit-border-start-width: 40px; (replace with border-inline-start-width)\n    -webkit-margin-after: 1px; (replace with margin-block-end)\n    -webkit-margin-before: 2px; (replace with margin-block-start)\n    -webkit-margin-end: 3px; (replace with margin-inline-end)\n    -webkit-margin-start: 4px; (replace with margin-inline-start)\n    -webkit-padding-after: 1px; (replace with padding-block-end)\n    -webkit-padding-before: 2px; (replace with padding-block-start)\n    -webkit-padding-end: 3px; (replace with padding-inline-end)\n    -webkit-padding-start: 4px; (replace with padding-inline-start)')