Shadow DOM: MouseEvent's offsetX and offsetY attributes must be relative to the relative target.

Summary

Harness status: OK

Found 3 tests

3 Pass

Details

Result

Test Name

Message

Pass

MouseEvent's offsetX and offsetY attributes must be relative to the target.

Asserts run

Pass	assert_equals(20, 20, "The host must be at (20px, 10px)") at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:46:5)
Pass	assert_equals(10, 10, "The host must be at (20px, 10px)") at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:47:5)
Pass	assert_equals(45, 45, "The target must be at (45px, 30px)") at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:48:5)
Pass	assert_equals(30, 30, "The target must be at (45px, 30px)") at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:49:5)
Pass	assert_equals(Element node <span id="target">Click here</span>, Element node <span id="target">Click here</span>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:51:5)
Pass	assert_equals(Element node <span id="target">Click here</span>, Element node <span id="target">Click here</span>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:52:5)
Pass	assert_equals(21, 21) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:53:5)
Pass	assert_equals(17, 17) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:54:5)
Pass	assert_equals(Element node <div id="container"><span id="target">Click here</span></..., Element node <div id="container"><span id="target">Click here</span></...) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:56:5)
Pass	assert_equals(Element node <span id="target">Click here</span>, Element node <span id="target">Click here</span>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:57:5)
Pass	assert_equals(21, 21) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:58:5)
Pass	assert_equals(17, 17) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:59:5)
Pass	assert_equals(Element node <my-host><style>#container { width: 160px; height: 60px; ..., Element node <my-host><style>#container { width: 160px; height: 60px; ...) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:61:5)
Pass	assert_equals(Element node <span id="target">Click here</span>, Element node <span id="target">Click here</span>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:62:5)
Pass	assert_equals(21, 21) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:63:5)
Pass	assert_equals(17, 17) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:64:5)
Pass	assert_equals(Element node <body> <style> html, body { padding: 0; margin: 0; } my-h..., Element node <body> <style> html, body { padding: 0; margin: 0; } my-h...) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:66:5)
Pass	assert_equals(Element node <span id="target">Click here</span>, Element node <span id="target">Click here</span>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:67:5)
Pass	assert_equals(21, 21) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:68:5)
Pass	assert_equals(17, 17) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:69:5)

Pass

MouseEvent's offsetX and offsetY attributes must be relative to the shadow host when an event is dispatched inside its shadow tree.

Asserts run

Pass	assert_equals(20, 20, "The host must be at (20px, 10px)") at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:83:5)
Pass	assert_equals(10, 10, "The host must be at (20px, 10px)") at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:84:5)
Pass	assert_equals(45, 45, "The target must be at (45px, 30px)") at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:85:5)
Pass	assert_equals(30, 30, "The target must be at (45px, 30px)") at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:86:5)
Pass	assert_equals(Element node <span id="target">Click here</span>, Element node <span id="target">Click here</span>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:88:5)
Pass	assert_equals(Element node <span id="target">Click here</span>, Element node <span id="target">Click here</span>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:89:5)
Pass	assert_equals(21, 21) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:90:5)
Pass	assert_equals(17, 17) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:91:5)
Pass	assert_equals(Element node <div id="container"><span id="target">Click here</span></..., Element node <div id="container"><span id="target">Click here</span></...) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:93:5)
Pass	assert_equals(Element node <span id="target">Click here</span>, Element node <span id="target">Click here</span>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:94:5)
Pass	assert_equals(21, 21) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:95:5)
Pass	assert_equals(17, 17) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:96:5)
Pass	assert_equals(Element node <my-host><style>#container { width: 160px; height: 60px; ..., Element node <my-host><style>#container { width: 160px; height: 60px; ...) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:98:5)
Pass	assert_equals(Element node <my-host><style>#container { width: 160px; height: 60px; ..., Element node <my-host><style>#container { width: 160px; height: 60px; ...) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:99:5)
Pass	assert_equals(31, 31) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:100:5)
Pass	assert_equals(27, 27) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:101:5)
Pass	assert_equals(Element node <body> <style> html, body { padding: 0; margin: 0; } my-h..., Element node <body> <style> html, body { padding: 0; margin: 0; } my-h...) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:103:5)
Pass	assert_equals(Element node <my-host><style>#container { width: 160px; height: 60px; ..., Element node <my-host><style>#container { width: 160px; height: 60px; ...) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:104:5)
Pass	assert_equals(31, 31) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:105:5)
Pass	assert_equals(27, 27) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:106:5)

Pass

MouseEvent's offsetX and offsetY attributes must be relative to the target when an event is dispatched on a slotted content.

Asserts run

Pass	assert_equals(20, 20, "The host must be at (20px, 10px)") at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:120:5)
Pass	assert_equals(10, 10, "The host must be at (20px, 10px)") at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:121:5)
Pass	assert_equals(45, 45, "The target must be at (45px, 30px)") at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:122:5)
Pass	assert_equals(30, 30, "The target must be at (45px, 30px)") at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:123:5)
Pass	assert_equals(Element node <div id="target">Click here</div>, Element node <div id="target">Click here</div>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:125:5)
Pass	assert_equals(Element node <div id="target">Click here</div>, Element node <div id="target">Click here</div>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:126:5)
Pass	assert_equals(Element node <body> <style> html, body { padding: 0; margin: 0; } my-h..., Element node <body> <style> html, body { padding: 0; margin: 0; } my-h...) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:127:5)
Pass	assert_equals(6, 6) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:128:5)
Pass	assert_equals(7, 7) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:129:5)
Pass	assert_equals(Element node <div id="container"><slot></slot></div>, Element node <div id="container"><slot></slot></div>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:131:5)
Pass	assert_equals(Element node <div id="target">Click here</div>, Element node <div id="target">Click here</div>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:132:5)
Pass	assert_equals(6, 6) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:133:5)
Pass	assert_equals(7, 7) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:134:5)
Pass	assert_equals(DocumentFragment node with 2 children, DocumentFragment node with 2 children) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:136:5)
Pass	assert_equals(Element node <div id="target">Click here</div>, Element node <div id="target">Click here</div>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:137:5)
Pass	assert_equals(6, 6) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:138:5)
Pass	assert_equals(7, 7) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:139:5)
Pass	assert_equals(Element node <my-host><style>#container { width: 160px; height: 60px; ..., Element node <my-host><style>#container { width: 160px; height: 60px; ...) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:141:5)
Pass	assert_equals(Element node <div id="target">Click here</div>, Element node <div id="target">Click here</div>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:142:5)
Pass	assert_equals(6, 6) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:143:5)
Pass	assert_equals(7, 7) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:144:5)
Pass	assert_equals(Element node <body> <style> html, body { padding: 0; margin: 0; } my-h..., Element node <body> <style> html, body { padding: 0; margin: 0; } my-h...) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:146:5)
Pass	assert_equals(Element node <div id="target">Click here</div>, Element node <div id="target">Click here</div>) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:147:5)
Pass	assert_equals(6, 6) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:148:5)
Pass	assert_equals(7, 7) at Test.<anonymous> ( /shadow-dom/MouseEvent-prototype-offsetX-offsetY.html:149:5)