kmx.io/prism.js/tests/languages/jsx/issue1342.test

• Show log

  Commit

• Hash : 3e1a9a3d
  Author :
  Date : 2018-08-20T16:22:11
  

  React component tags are styled as classes in JSX (#1519) The PR adds a class-name alias to all the tags of React components. Tags which start with an uppercase letter are considered React components. HTML tags remain unchanged. Fixes #1518.

Download

• tests/languages/jsx/issue1342.test

• <CodeView title={<span title={123}>2</span>}>for of as</CodeView>
  
  ----------------------------------------------------
  
  [
  	["tag", [
  		["tag", [
  			["punctuation", "<"],
  			["class-name", "CodeView"]
  		]],
  		["attr-name", ["title"]],
  		["script", [
  			["script-punctuation", "="],
  			["punctuation", "{"],
  			["tag", [
  				["tag", [
  					["punctuation", "<"],
  					"span"
  				]],
  				["attr-name", ["title"]],
  				["script", [
  					["script-punctuation", "="],
  					["punctuation", "{"],
  					["number", "123"],
  					["punctuation", "}"]
  				]],
  				["punctuation", ">"]
  			]],
  			["plain-text", "2"],
  			["tag", [
  				["tag", [
  					["punctuation", "</"],
  					"span"
  				]],
  				["punctuation", ">"]
  			]],
  			["punctuation", "}"]
  		]],
  		["punctuation", ">"]
  	]],
  	["plain-text", "for of as"],
  	["tag", [
  		["tag", [
  			["punctuation", "</"],
  			["class-name", "CodeView"]
  		]],
  		["punctuation", ">"]
  	]]
  ]
  
  ----------------------------------------------------
  
  Checks for nested tag with JSX inside another tag with JSX. See #1342
  

Download