LayoutTests/fast/svg/foreign-object-case-sensitivity.html - Issue 1099963003: Support type selector for camel-cased SVG elements in HTML.

Side by Side Diff: LayoutTests/fast/svg/foreign-object-case-sensitivity.html

Issue 1099963003: Support type selector for camel-cased SVG elements in HTML. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Fix performance regression. tagMatches() became too big to be inlined on Linux. Created 5 years, 8 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

« no previous file with comments | « LayoutTests/fast/css/foreignObject-bloom-filter-expected.txt ('k') | LayoutTests/fast/svg/foreign-object-case-sensitivity-expected.txt » ('j') | Source/core/css/SelectorFilter.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <script src="../../resources/js-test.js"></script>

	3 <style>

	4 svg {

	5 display: block;

	6 width: 100%;

	7 height: 100px

	8 }

	9

	10 foreignObject {

	11 color: green;

	12 display: block

	13 }

	14

	15 foreignobject {

	16 font-weight: bold

	17 }

	18 </style>

	19 <foreignObject id="fo1">This text should be green and bold</foreignObject>

	20 <FOREIGNObject id="fo2">This text should be green and bold</FOREIGNObject>

	21 <svg>

	22 <foreignObject y="10" id="fo3" width="400" height="50">This text should be g reen, not bold</foreignObject>

	23 <FOREIGNobject y="30" id="fo4" width="400" height="50">This text should be g reen, not bold</FOREIGNobject>

	24 </svg>

	25 <script>

	26 description("Testing case-sensitivity for the svg:foreignObject tag in html.");

	27

	28 debug("Node.localName is normalized to camel-case inside <svg>, lower-case otherwise.\n");

	29

	30 shouldBeEqualToString("fo1.localName", "foreignobject");

	31 shouldBeEqualToString("fo2.localName", "foreignobject");

	32 shouldBeEqualToString("fo3.localName", "foreignObject");

	33 shouldBeEqualToString("fo4.localName", "foreignObject");

	34

	35 debug("\nSelectors API queries match case-insensitively for html, case-sensitive ly for svg.\n");

	36

	37 var queryAllLower = document.querySelectorAll("foreignOBJEct");

	38 shouldBe("queryAllLower.length", "2");

	39 shouldBeEqualToString("queryAllLower[0].id", "fo1");

	40 shouldBeEqualToString("queryAllLower[1].id", "fo2");

	41

	42 var queryAllCamel = document.querySelectorAll("foreignObject");

	43 shouldBe("queryAllCamel.length", "4");

	44 shouldBeEqualToString("queryAllCamel[0].id", "fo1");

	45 shouldBeEqualToString("queryAllCamel[1].id", "fo2");

	46 shouldBeEqualToString("queryAllCamel[2].id", "fo3");

	47 shouldBeEqualToString("queryAllCamel[3].id", "fo4");

	48

	49 debug("\ngetElementsByTagName matches case-insensitively for html, case-sensitiv ely for svg.\n");

	50

	51 var byTagNameLower = document.getElementsByTagName("foreignOBJEct");

	52 shouldBe("byTagNameLower.length", "2");

	53 shouldBeEqualToString("byTagNameLower[0].id", "fo1");

	54 shouldBeEqualToString("byTagNameLower[1].id", "fo2");

	55

	56 var byTagNameCamel = document.getElementsByTagName("foreignObject");

	57 shouldBe("byTagNameCamel.length", "4");

	58 shouldBeEqualToString("byTagNameCamel[0].id", "fo1");

	59 shouldBeEqualToString("byTagNameCamel[1].id", "fo2");

	60 shouldBeEqualToString("byTagNameCamel[2].id", "fo3");

	61 shouldBeEqualToString("byTagNameCamel[3].id", "fo4");

	62

	63 debug("\nStyle rule matches case-insensitively for html, case-sensitively for sv g.\n");

	64

	65 function testComputedStyle(id, color, fontWeight){

	66 shouldBeEqualToString("getComputedStyle("+id+").color", color);

	67 shouldBeEqualToString("getComputedStyle("+id+").fontWeight", fontWeight);

	68 }

	69

	70 testComputedStyle("fo1", "rgb(0, 128, 0)", "bold");

	71 testComputedStyle("fo2", "rgb(0, 128, 0)", "bold");

	72 testComputedStyle("fo3", "rgb(0, 128, 0)", "normal");

	73 testComputedStyle("fo4", "rgb(0, 128, 0)", "normal");

	74

	75 </script>

OLD	NEW