PageRenderTime 45ms CodeModel.GetById 16ms RepoModel.GetById 0ms app.codeStats 0ms

/tests/CSSParserTests.php

http://github.com/sabberworm/PHP-CSS-Parser
PHP | 283 lines | 255 code | 21 blank | 7 comment | 41 complexity | 723d7b3b38b2fe8479cfd9093825a03d MD5 | raw file
Possible License(s): MIT 
    

  1. <?php
    2. 

  2. 

  3. // !!!! Do not edit this File with TextMate. Saving will corrupt one Unicode character (U+1D11E).
    4. 

  4. 

  5. require_once(dirname(__FILE__).'/../CSSParser.php');
    6. 

  6. 

  7. class CSSParserTests extends PHPUnit_Framework_TestCase {
    8. 

  8. 	function testCssFiles() {
    9. 

  9. 		
    10. 

  10. 		$sDirectory = dirname(__FILE__).DIRECTORY_SEPARATOR.'files';
    11. 

  11. 		if($rHandle = opendir($sDirectory)) {
    12. 

  12. 			/* This is the correct way to loop over the directory. */
    13. 

  13. 			while (false !== ($sFileName = readdir($rHandle))) {
    14. 

  14. 				if(strpos($sFileName, '.') === 0) {
    15. 

  15. 					continue;
    16. 

  16. 				}
    17. 

  17. 				if(strrpos($sFileName, '.css') !== strlen($sFileName)-strlen('.css')) {
    18. 

  18. 					continue;
    19. 

  19. 				}
    20. 

  20. 				if(strpos($sFileName, '-') === 0) {
    21. 

  21. 					//Either a file which SHOULD fail or a future test of a as-of-now missing feature
    22. 

  22. 					continue;
    23. 

  23. 				}
    24. 

  24. 				$oParser = new CSSParser(file_get_contents($sDirectory.DIRECTORY_SEPARATOR.$sFileName));
    25. 

  25. 				try {
    26. 

  26. 					$this->assertNotEquals('', $oParser->parse()->__toString());
    27. 

  27. 				} catch(Exception $e) {
    28. 

  28. 					$this->fail($e);
    29. 

  29. 				}
    30. 

  30. 			}
    31. 

  31. 			closedir($rHandle);
    32. 

  32. 		}
    33. 

  33. 	}
    34. 

  34. 	
    35. 

  35. 	/**
    36. 

  36. 	* @depends testCssFiles
    37. 

  37. 	*/
    38. 

  38. 	function testColorParsing() {
    39. 

  39. 		$oDoc = $this->parsedStructureForFile('colortest');
    40. 

  40. 		foreach($oDoc->getAllRuleSets() as $oRuleSet) {
    41. 

  41. 			if(!$oRuleSet instanceof CSSDeclarationBlock) {
    42. 

  42. 				continue;
    43. 

  43. 			}
    44. 

  44. 			$sSelector = $oRuleSet->getSelectors();
    45. 

  45. 			$sSelector = $sSelector[0]->getSelector();
    46. 

  46. 			if($sSelector == '#mine') {
    47. 

  47. 				$aColorRule = $oRuleSet->getRules('color');
    48. 

  48. 				$aValues = $aColorRule['color']->getValues();
    49. 

  49. 				$this->assertSame('red', $aValues[0][0]);
    50. 

  50. 				$aColorRule = $oRuleSet->getRules('background-');
    51. 

  51. 				$aValues = $aColorRule['background-color']->getValues();
    52. 

  52. 				$this->assertEquals(array('r' => new CSSSize(35.0, null, true), 'g' => new CSSSize(35.0, null, true), 'b' => new CSSSize(35.0, null, true)), $aValues[0][0]->getColor());
    53. 

  53. 				$aColorRule = $oRuleSet->getRules('border-color');
    54. 

  54. 				$aValues = $aColorRule['border-color']->getValues();
    55. 

  55. 				$this->assertEquals(array('r' => new CSSSize(10.0, null, true), 'g' => new CSSSize(100.0, null, true), 'b' => new CSSSize(230.0, null, true), 'a' => new CSSSize(0.3, null, true)), $aValues[0][0]->getColor());
    56. 

  56. 				$aColorRule = $oRuleSet->getRules('outline-color');
    57. 

  57. 				$aValues = $aColorRule['outline-color']->getValues();
    58. 

  58. 				$this->assertEquals(array('r' => new CSSSize(34.0, null, true), 'g' => new CSSSize(34.0, null, true), 'b' => new CSSSize(34.0, null, true)), $aValues[0][0]->getColor());
    59. 

  59. 			}
    60. 

  60. 		}
    61. 

  61. 		foreach($oDoc->getAllValues('background-') as $oColor) {
    62. 

  62. 			if($oColor->getColorDescription() === 'hsl') {
    63. 

  63. 				$this->assertEquals(array('h' => new CSSSize(220.0, null, true), 's' => new CSSSize(10.0, null, true), 'l' => new CSSSize(220.0, null, true)), $oColor->getColor());
    64. 

  64. 			}
    65. 

  65. 		}
    66. 

  66. 		foreach($oDoc->getAllValues('color') as $sColor) {
    67. 

  67. 			$this->assertSame('red', $sColor);
    68. 

  68. 		}
    69. 

  69. 	}
    70. 

  70. 	
    71. 

  71. 	function testUnicodeParsing() {
    72. 

  72. 		$oDoc = $this->parsedStructureForFile('unicode');
    73. 

  73. 		foreach($oDoc->getAllDeclarationBlocks() as $oRuleSet) {
    74. 

  74. 			$sSelector = $oRuleSet->getSelectors();
    75. 

  75. 			$sSelector = $sSelector[0]->getSelector();
    76. 

  76. 			if(substr($sSelector, 0, strlen('.test-')) !== '.test-') {
    77. 

  77. 				continue;
    78. 

  78. 			}
    79. 

  79. 			$aContentRules = $oRuleSet->getRules('content');
    80. 

  80. 			$aContents = $aContentRules['content']->getValues();
    81. 

  81. 			$sCssString = $aContents[0][0]->__toString();
    82. 

  82. 			if($sSelector == '.test-1') {
    83. 

  83. 				$this->assertSame('" "', $sCssString);
    84. 

  84. 			}
    85. 

  85. 			if($sSelector == '.test-2') {
    86. 

  86. 				$this->assertSame('"?Š"', $sCssString);
    87. 

  87. 			}
    88. 

  88. 			if($sSelector == '.test-3') {
    89. 

  89. 				$this->assertSame('" "', $sCssString);
    90. 

  90. 			}
    91. 

  91. 			if($sSelector == '.test-4') {
    92. 

  92. 				$this->assertSame('"??&#x201E;&#x17E;"', $sCssString);
    93. 

  93. 			}
    94. 

  94. 			if($sSelector == '.test-5') {
    95. 

  95. 				$this->assertSame('"?°´"', $sCssString);
    96. 

  96. 			}
    97. 

  97. 			if($sSelector == '.test-6') {
    98. 

  98. 				$this->assertSame('"Â?"', $sCssString);
    99. 

  99. 			}
    100. 

  100. 			if($sSelector == '.test-7') {
    101. 

  101. 				$this->assertSame('"\A"', $sCssString);
    102. 

  102. 			}
    103. 

  103. 			if($sSelector == '.test-8') {
    104. 

  104. 				$this->assertSame('"\"\""', $sCssString);
    105. 

  105. 			}
    106. 

  106. 			if($sSelector == '.test-9') {
    107. 

  107. 				$this->assertSame('"\"\\\'"', $sCssString);
    108. 

  108. 			}
    109. 

  109. 			if($sSelector == '.test-10') {
    110. 

  110. 				$this->assertSame('"\\\'\\\\"', $sCssString);
    111. 

  111. 			}
    112. 

  112. 			if($sSelector == '.test-11') {
    113. 

  113. 				$this->assertSame('"test"', $sCssString);
    114. 

  114. 			}
    115. 

  115. 		}
    116. 

  116. 	}
    117. 

  117. 

  118. 	function testSpecificity() {
    119. 

  119. 		$oDoc = $this->parsedStructureForFile('specificity');
    120. 

  120. 		$oDeclarationBlock = $oDoc->getAllDeclarationBlocks();
    121. 

  121. 		$oDeclarationBlock = $oDeclarationBlock[0];
    122. 

  122. 		$aSelectors = $oDeclarationBlock->getSelectors();
    123. 

  123. 		foreach($aSelectors as $oSelector) {
    124. 

  124. 			switch($oSelector->getSelector()) {
    125. 

  125. 				case "#test .help":
    126. 

  126. 					$this->assertSame(110, $oSelector->getSpecificity());
    127. 

  127. 				break;
    128. 

  128. 				case "#file":
    129. 

  129. 					$this->assertSame(100, $oSelector->getSpecificity());
    130. 

  130. 				break;
    131. 

  131. 				case ".help:hover":
    132. 

  132. 					$this->assertSame(20, $oSelector->getSpecificity());
    133. 

  133. 				break;
    134. 

  134. 				case "ol li::before":
    135. 

  135. 					$this->assertSame(3, $oSelector->getSpecificity());
    136. 

  136. 				break;
    137. 

  137. 				case "li.green":
    138. 

  138. 					$this->assertSame(11, $oSelector->getSpecificity());
    139. 

  139. 				break;
    140. 

  140. 				default:
    141. 

  141. 					$this->fail("specificity: untested selector ".$oSelector->getSelector());
    142. 

  142. 			}
    143. 

  143. 		}
    144. 

  144. 		$this->assertEquals(array(new CSSSelector('#test .help', true)), $oDoc->getSelectorsBySpecificity('> 100'));
    145. 

  145. 	}
    146. 

  146. 

  147. 	function testManipulation() {
    148. 

  148. 		$oDoc = $this->parsedStructureForFile('atrules');
    149. 

  149. 		$this->assertSame('@charset "utf-8";@font-face {font-family: "CrassRoots";src: url("../media/cr.ttf");}html, body {font-size: 1.6em;}'."\n", $oDoc->__toString());
    150. 

  150. 		foreach($oDoc->getAllDeclarationBlocks() as $oBlock) {
    151. 

  151. 			foreach($oBlock->getSelectors() as $oSelector) {
    152. 

  152. 				//Loop over all selector parts (the comma-separated strings in a selector) and prepend the id
    153. 

  153. 				$oSelector->setSelector('#my_id '.$oSelector->getSelector());
    154. 

  154. 			}
    155. 

  155. 		}
    156. 

  156. 		$this->assertSame('@charset "utf-8";@font-face {font-family: "CrassRoots";src: url("../media/cr.ttf");}#my_id html, #my_id body {font-size: 1.6em;}'."\n", $oDoc->__toString());
    157. 

  157. 

  158. 		$oDoc = $this->parsedStructureForFile('values');
    159. 

  159. 		$this->assertSame('#header {margin: 10px 2em 1cm 2%;font-family: Verdana,Helvetica,"Gill Sans",sans-serif;font-size: 10px;color: red !important;}
    160. 

  160. body {color: green;font: 75% "Lucida Grande","Trebuchet MS",Verdana,sans-serif;}'."\n", $oDoc->__toString());
    161. 

  161. 		foreach($oDoc->getAllRuleSets() as $oRuleSet) {
    162. 

  162. 			$oRuleSet->removeRule('font-');
    163. 

  163. 		}
    164. 

  164. 		$this->assertSame('#header {margin: 10px 2em 1cm 2%;color: red !important;}
    165. 

  165. body {color: green;}'."\n", $oDoc->__toString());
    166. 

  166. 	}
    167. 

  167. 

  168. 	function testSlashedValues() {
    169. 

  169. 		$oDoc = $this->parsedStructureForFile('slashed');
    170. 

  170. 		$this->assertSame('.test {font: 12px/1.5 Verdana,Arial,sans-serif;border-radius: 5px 10px 5px 10px/10px 5px 10px 5px;}'."\n", $oDoc->__toString());
    171. 

  171. 		foreach($oDoc->getAllValues(null) as $mValue) {
    172. 

  172. 			if($mValue instanceof CSSSize && $mValue->isSize() && !$mValue->isRelative()) {
    173. 

  173. 				$mValue->setSize($mValue->getSize()*3);
    174. 

  174. 			}
    175. 

  175. 		}
    176. 

  176. 		foreach($oDoc->getAllDeclarationBlocks() as $oBlock) {
    177. 

  177. 			$oRule = $oBlock->getRules('font');
    178. 

  178. 			$oRule = $oRule['font'];
    179. 

  179. 			$oSpaceList = $oRule->getValue();
    180. 

  180. 			$this->assertEquals(' ', $oSpaceList->getListSeparator());
    181. 

  181. 			$oSlashList = $oSpaceList->getListComponents();
    182. 

  182. 			$oCommaList = $oSlashList[1];
    183. 

  183. 			$oSlashList = $oSlashList[0];
    184. 

  184. 			$this->assertEquals(',', $oCommaList->getListSeparator());
    185. 

  185. 			$this->assertEquals('/', $oSlashList->getListSeparator());
    186. 

  186. 			$oRule = $oBlock->getRules('border-radius');
    187. 

  187. 			$oRule = $oRule['border-radius'];
    188. 

  188. 			$oSlashList = $oRule->getValue();
    189. 

  189. 			$this->assertEquals('/', $oSlashList->getListSeparator());
    190. 

  190. 			$oSpaceList1 = $oSlashList->getListComponents();
    191. 

  191. 			$oSpaceList2 = $oSpaceList1[1];
    192. 

  192. 			$oSpaceList1 = $oSpaceList1[0];
    193. 

  193. 			$this->assertEquals(' ', $oSpaceList1->getListSeparator());
    194. 

  194. 			$this->assertEquals(' ', $oSpaceList2->getListSeparator());
    195. 

  195. 		}
    196. 

  196. 		$this->assertSame('.test {font: 36px/1.5 Verdana,Arial,sans-serif;border-radius: 15px 30px 15px 30px/30px 15px 30px 15px;}'."\n", $oDoc->__toString());
    197. 

  197. 	}
    198. 

  198. 

  199. 	function testFunctionSyntax() {
    200. 

  200. 		$oDoc = $this->parsedStructureForFile('functions');
    201. 

  201. 		$sExpected = 'div.main {background-image: linear-gradient(rgb(0,0,0),rgb(255,255,255));}
    202. 

  202. .collapser::before, .collapser::-moz-before, .collapser::-webkit-before {content: "Â?";font-size: 1.2em;margin-right: 0.2em;-moz-transition-property: -moz-transform;-moz-transition-duration: 0.2s;-moz-transform-origin: center 60%;}
    203. 

  203. .collapser.expanded::before, .collapser.expanded::-moz-before, .collapser.expanded::-webkit-before {-moz-transform: rotate(90deg);}
    204. 

  204. .collapser + * {height: 0;overflow: hidden;-moz-transition-property: height;-moz-transition-duration: 0.3s;}
    205. 

  205. .collapser.expanded + * {height: auto;}'."\n";
    206. 

  206. 		$this->assertSame($sExpected, $oDoc->__toString());
    207. 

  207. 

  208. 		foreach($oDoc->getAllValues(null, true) as $mValue) {
    209. 

  209. 			if($mValue instanceof CSSSize && $mValue->isSize()) {
    210. 

  210. 				$mValue->setSize($mValue->getSize()*3);
    211. 

  211. 			}
    212. 

  212. 		}
    213. 

  213. 		$sExpected = str_replace(array('1.2em', '0.2em', '60%'), array('3.6em', '0.6em', '180%'), $sExpected);
    214. 

  214. 		$this->assertSame($sExpected, $oDoc->__toString());
    215. 

  215. 		
    216. 

  216. 		foreach($oDoc->getAllValues(null, true) as $mValue) {
    217. 

  217. 			if($mValue instanceof CSSSize && !$mValue->isRelative() && !$mValue->isColorComponent()) {
    218. 

  218. 				$mValue->setSize($mValue->getSize()*2);
    219. 

  219. 			}
    220. 

  220. 		}
    221. 

  221. 		$sExpected = str_replace(array('0.2s', '0.3s', '90deg'), array('0.4s', '0.6s', '180deg'), $sExpected);
    222. 

  222. 		$this->assertSame($sExpected, $oDoc->__toString());
    223. 

  223. 	}
    224. 

  224. 

  225.   function testExpandShorthands() {
    226. 

  226. 		$oDoc = $this->parsedStructureForFile('expand-shorthands');
    227. 

  227. 		$sExpected = 'body {font: italic 500 14px/1.618 "Trebuchet MS",Georgia,serif;border: 2px solid rgb(255,0,255);background: rgb(204,204,204) url("/images/foo.png") no-repeat left top;margin: 1em !important;padding: 2px 6px 3px;}'."\n";
    228. 

  228. 		$this->assertSame($sExpected, $oDoc->__toString());
    229. 

  229.     $oDoc->expandShorthands();
    230. 

  230.     $sExpected = 'body {margin-top: 1em !important;margin-right: 1em !important;margin-bottom: 1em !important;margin-left: 1em !important;padding-top: 2px;padding-right: 6px;padding-bottom: 3px;padding-left: 6px;border-top-color: rgb(255,0,255);border-right-color: rgb(255,0,255);border-bottom-color: rgb(255,0,255);border-left-color: rgb(255,0,255);border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-width: 2px;border-right-width: 2px;border-bottom-width: 2px;border-left-width: 2px;font-style: italic;font-variant: normal;font-weight: 500;font-size: 14px;line-height: 1.618;font-family: "Trebuchet MS",Georgia,serif;background-color: rgb(204,204,204);background-image: url("/images/foo.png");background-repeat: no-repeat;background-attachment: scroll;background-position: left top;}'."\n";
    231. 

  231. 		$this->assertSame($sExpected, $oDoc->__toString());
    232. 

  232.   }
    233. 

  233. 	
    234. 

  234.   function testCreateShorthands() {
    235. 

  235. 		$oDoc = $this->parsedStructureForFile('create-shorthands');
    236. 

  236. 		$sExpected = 'body {font-size: 2em;font-family: Helvetica,Arial,sans-serif;font-weight: bold;border-width: 2px;border-color: rgb(153,153,153);border-style: dotted;background-color: rgb(255,255,255);background-image: url("foobar.png");background-repeat: repeat-y;margin-top: 2px;margin-right: 3px;margin-bottom: 4px;margin-left: 5px;}'."\n";
    237. 

  237. 		$this->assertSame($sExpected, $oDoc->__toString());
    238. 

  238.     $oDoc->createShorthands();
    239. 

  239.     $sExpected = 'body {background: rgb(255,255,255) url("foobar.png") repeat-y;margin: 2px 5px 4px 3px;border: 2px dotted rgb(153,153,153);font: bold 2em Helvetica,Arial,sans-serif;}'."\n";
    240. 

  240. 		$this->assertSame($sExpected, $oDoc->__toString());
    241. 

  241.   }
    242. 

  242. 	
    243. 

  243. 	function testPrefixedGradient() {
    244. 

  244. 		$oDoc = $this->parsedStructureForFile('webkit');
    245. 

  245. 		$sExpected = '.test {background: -webkit-linear-gradient(top right,white,black);}'."\n";
    246. 

  246. 		$this->assertSame($sExpected, $oDoc->__toString());
    247. 

  247. 	}
    248. 

  248. 

  249. 	function testListValueRemoval() {
    250. 

  250. 		$oDoc = $this->parsedStructureForFile('atrules');
    251. 

  251. 		foreach($oDoc->getContents() as $oItem) {
    252. 

  252. 			if($oItem instanceof CSSAtRule) {
    253. 

  253. 				$oDoc->remove($oItem);
    254. 

  254. 				break;
    255. 

  255. 			}
    256. 

  256. 		}
    257. 

  257. 		$this->assertSame('@charset "utf-8";html, body {font-size: 1.6em;}'."\n", $oDoc->__toString());
    258. 

  258. 		
    259. 

  259. 		$oDoc = $this->parsedStructureForFile('nested');
    260. 

  260. 		foreach($oDoc->getAllDeclarationBlocks() as $oBlock) {
    261. 

  261. 			$oDoc->removeDeclarationBlockBySelector($oBlock, false);
    262. 

  262. 			break;
    263. 

  263. 		}
    264. 

  264. 		$this->assertSame('html {some-other: -test(val1);}
    265. 

  265. @media screen {html {some: -test(val2);}
    266. 

  266. }#unrelated {other: yes;}'."\n", $oDoc->__toString());
    267. 

  267. 		
    268. 

  268. 		$oDoc = $this->parsedStructureForFile('nested');
    269. 

  269. 		foreach($oDoc->getAllDeclarationBlocks() as $oBlock) {
    270. 

  270. 			$oDoc->removeDeclarationBlockBySelector($oBlock, true);
    271. 

  271. 			break;
    272. 

  272. 		}
    273. 

  273. 		$this->assertSame('@media screen {html {some: -test(val2);}
    274. 

  274. }#unrelated {other: yes;}'."\n", $oDoc->__toString());
    275. 

  275. 	}
    276. 

  276. 

  277. 	function parsedStructureForFile($sFileName) {
    278. 

  278. 		$sFile = dirname(__FILE__).DIRECTORY_SEPARATOR.'files'.DIRECTORY_SEPARATOR."$sFileName.css";
    279. 

  279. 		$oParser = new CSSParser(file_get_contents($sFile));
    280. 

  280. 		return $oParser->parse();
    281. 

  281. 	}
    282. 

  282. 

  283. }
    284. 

  284.