diff options
Diffstat (limited to 'testing/web-platform/tests/html/editing/dnd/selection')
193 files changed, 3708 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/editing/dnd/selection/001.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/001.xhtml new file mode 100644 index 000000000..e1806f8e2 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/001.xhtml @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input value="Drag me"/></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/002.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/002.xhtml new file mode 100644 index 000000000..55c457e53 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/002.xhtml @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from search input to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input type="search" value="Selection"/></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/003.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/003.xhtml new file mode 100644 index 000000000..6430d603d --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/003.xhtml @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from tel input to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected number to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input type="tel" value="123456789"/></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/004.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/004.xhtml new file mode 100644 index 000000000..1c6904853 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/004.xhtml @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from url input to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected url to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input type="url" value="http://example.org"/></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/005.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/005.xhtml new file mode 100644 index 000000000..a8d7056e4 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/005.xhtml @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from email input to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected email to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input type="email" value="mail@example.org"/></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/006.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/006.xhtml new file mode 100644 index 000000000..9a2b41e82 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/006.xhtml @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from number input to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected number to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input type="number" value="123456789"/></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/007.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/007.xhtml new file mode 100644 index 000000000..2b5d05a50 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/007.xhtml @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from short text input to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected date to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input size="5" value="Drag me"/></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/008.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/008.xhtml new file mode 100644 index 000000000..6abfe2c31 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/008.xhtml @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from password input to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>You should not be able to drag and drop selection from password field to the blue box.</p> +<p><input type="password" value="FAIL"/></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/009.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/009.xhtml new file mode 100644 index 000000000..07509f6bc --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/009.xhtml @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from readonly text input to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input readonly="readonly" value="Drag me"/></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/010.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/010.xhtml new file mode 100644 index 000000000..d26770ee6 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/010.xhtml @@ -0,0 +1,27 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from texarea to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +textarea + {height:1.5em; + width:7em;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><textarea>Drag me</textarea></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/011.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/011.xhtml new file mode 100644 index 000000000..1ea8cd592 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/011.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the textarea. Selected text should be moved to the textarea once you drop it there.</p> +<p><input value="Drag me"/></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/012.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/012.xhtml new file mode 100644 index 000000000..8013e28c3 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/012.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from search input to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the textarea. Selected text should be moved to the textarea once you drop it there.</p> +<p><input type="search" value="Selection"/></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/013.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/013.xhtml new file mode 100644 index 000000000..0f1defc89 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/013.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from tel input to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected number to the textarea. Selected text should be moved to the textarea once you drop it there.</p> +<p><input type="tel" value="123456789"/></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/014.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/014.xhtml new file mode 100644 index 000000000..6ed64a608 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/014.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from url input to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected url to the textarea. Selected text should be moved to the textarea once you drop it there.</p> +<p><input type="url" value="http://opera.com"/></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/015.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/015.xhtml new file mode 100644 index 000000000..ecd3f8870 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/015.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from email input to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected email to the textarea. Selected text should be moved to the textarea once you drop it there.</p> +<p><input type="email" value="mail@example.org"/></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/016.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/016.xhtml new file mode 100644 index 000000000..64784d71f --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/016.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from number input to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected number to the textarea. Copy of selection should end up in the textarea once you drop it there.</p> +<p><input type="number" value="123456789"/></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/017.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/017.xhtml new file mode 100644 index 000000000..b8b64d1c5 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/017.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from short text input to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected date to the textarea. Selected text should be moved to the textarea once you drop it there.</p> +<p><input size="5" value="Drag me"/></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/018.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/018.xhtml new file mode 100644 index 000000000..338bdd73a --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/018.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from password input to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>You should not be able to drag and drop selection from password field to the textarea.</p> +<p><input type="password" value="FAIL"/></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/019.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/019.xhtml new file mode 100644 index 000000000..d8f7d304d --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/019.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from readonly input to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the textarea. Selected text should be moved to the textarea once you drop it there.</p> +<p><input readonly="readonly" value="Drag me"/></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/020.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/020.xhtml new file mode 100644 index 000000000..f6b860140 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/020.xhtml @@ -0,0 +1,21 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop between textareas</title> +<style type="text/css"> +p:last-child > textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +p:first-child + p > textarea + {height:1.5em; + width:7em;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the textarea. Selected text should be moved to the textarea once you drop it there.</p> +<p><textarea>Drag me</textarea></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/021.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/021.xhtml new file mode 100644 index 000000000..4526c1aaa --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/021.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Selected text should be moved to the blue box once you drop it there.</p> +<p><input value="Drag me"/></p> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/022.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/022.xhtml new file mode 100644 index 000000000..e69d2419a --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/022.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from search input to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Selected text should be moved to the blue box once you drop it there.</p> +<p><input type="search" value="Selection"/></p> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/023.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/023.xhtml new file mode 100644 index 000000000..0d1183d8c --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/023.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from tel input to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected number to the blue box. Selected text should be moved to the blue box once you drop it there.</p> +<p><input type="tel" value="123456789"/></p> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/024.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/024.xhtml new file mode 100644 index 000000000..dc275e366 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/024.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from url input to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected url to the blue box. Selected text should be moved to the blue box once you drop it there.</p> +<p><input type="url" value="http://example.org"/></p> +<div contenteditable="true"/> +</body> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/025.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/025.xhtml new file mode 100644 index 000000000..25f123b14 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/025.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from email input to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected email to the blue box. Selected text should be moved to the blue box once you drop it there.</p> +<p><input type="email" value="mail@example.org"/></p> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/026.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/026.xhtml new file mode 100644 index 000000000..a4ee2a18f --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/026.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from number input to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected number to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input type="number" value="123456789"/></p> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/027.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/027.xhtml new file mode 100644 index 000000000..593f62dc0 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/027.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from short input to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected date to the blue box. Selected text should be moved to the blue box once you drop it there.</p> +<p><input size="5" value="Drag me"/></p> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/028.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/028.xhtml new file mode 100644 index 000000000..6444e3c92 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/028.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from password input to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>You should not be able to drag and drop selection from password field to the blue box.</p> +<p><input type="password" value="FAIL"/></p> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/029.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/029.xhtml new file mode 100644 index 000000000..3ffecf0ec --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/029.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from readonly input to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Selected text should be moved to the blue box once you drop it there.</p> +<p><input readonly="readonly" value="Drag me"/></p> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/030.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/030.xhtml new file mode 100644 index 000000000..25536ec27 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/030.xhtml @@ -0,0 +1,23 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +textarea + {height:1.5em; + width:7em;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the blue box. Selected text should be moved to the blue box once you drop it there.</p> +<p><textarea>Drag me</textarea></p> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/031.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/031.xhtml new file mode 100644 index 000000000..ecdd466f7 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/031.xhtml @@ -0,0 +1,34 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Dragging two lines of text selection from textarea to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +textarea + {width:300px; + height:100px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(25,56)"> +<p> +<textarea> +Here is textarea +with selection that +spans two lines. +Drag selected text to the blue box. +Selected text should be moved to the blue box once you drop it there. +</textarea> +</p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/032.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/032.xhtml new file mode 100644 index 000000000..59070062e --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/032.xhtml @@ -0,0 +1,33 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Dragging multiline text selection from textarea to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +textarea + {width:300px; + height:100px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(24,58)"> +<p> +<textarea> +Here is textarea with selection +that spans +three lines. Drag selected text to the blue box. +Copy of selection should end up in the blue box once you drop it there. +</textarea> +</p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/033.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/033.xhtml new file mode 100644 index 000000000..edd532776 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/033.xhtml @@ -0,0 +1,23 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Dragging two lines of text selection between textareas</title> +<style type="text/css"> +textarea + {width:300px; + height:100px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(25,56)"> +<p> +<textarea> +Here is textarea +with selection that +spans two lines. +Drag selected text to the textarea below. +Selected text should be moved to second textarea once you drop it there. +</textarea> +</p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/034.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/034.xhtml new file mode 100644 index 000000000..4643156fe --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/034.xhtml @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Dragging multiline text selection between textareas</title> +<style type="text/css"> +textarea + {width:300px; + height:100px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(24,58)"> +<p> +<textarea> +Here is textarea with selection +that spans +three lines. Drag selected text to the textarea below. +Selected text should be moved to second textarea once you drop it there. +</textarea> +</p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/035.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/035.xhtml new file mode 100644 index 000000000..1bc133431 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/035.xhtml @@ -0,0 +1,30 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Dragging two lines of text selection from textarea to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +textarea + {width:300px; + height:100px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(25,56)"> +<p> +<textarea> +Here is textarea +with selection that +spans two lines. +Drag selected text to the blue box. +Selected text should be moved to the blue box once you drop it there. +</textarea> +</p> +<div contenteditable="true"/> +</body> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/036.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/036.xhtml new file mode 100644 index 000000000..e81971984 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/036.xhtml @@ -0,0 +1,29 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Dragging multiline text selection from textarea to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +textarea + {width:300px; + height:100px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(24,58)"> +<p> +<textarea> +Here is textarea with selection +that spans +three lines. Drag selected text to the blue box. +Selected text should be moved to the blue box once you drop it there. +</textarea> +</p> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/037.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/037.xhtml new file mode 100644 index 000000000..fc06f3a06 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/037.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross frame selection drag and drop from text input to block element</title> +</head> +<frameset rows="50%, 50%"> +<frame src="helper-drag-me-input.xhtml"/> +<frame src="helper-drop-here-blue-box.xhtml"/> +</frameset> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/038.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/038.xhtml new file mode 100644 index 000000000..5843f5830 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/038.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross frame selection drag and drop from textarea input to block element</title> +</head> +<frameset rows="50%, 50%"> +<frame src="helper-drag-me-textarea-to-other-blue-box.xhtml"/> +<frame src="helper-drop-here-blue-box.xhtml"/> +</frameset> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/039.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/039.xhtml new file mode 100644 index 000000000..f5f823b95 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/039.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross frame selection drag and drop from text input to textarea</title> +</head> +<frameset rows="50%, 50%"> +<frame src="helper-drag-me-input-to-other-textarea.xhtml"/> +<frame src="helper-drop-here-textarea.xhtml"/> +</frameset> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/040.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/040.xhtml new file mode 100644 index 000000000..91605aff7 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/040.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross frame selection drag and drop between textareas</title> +</head> +<frameset rows="50%, 50%"> +<frame src="helper-drag-me-textarea-to-other-textarea.xhtml"/> +<frame src="helper-drop-here-textarea.xhtml"/> +</frameset> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/041.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/041.xhtml new file mode 100644 index 000000000..73a883472 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/041.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross frame selection drag and drop from text input to contenteditable element</title> +</head> +<frameset rows="50%, 50%"> +<frame src="helper-drag-me-input.xhtml"/> +<frame src="helper-drop-here-blue-box-contenteditable.xhtml"/> +</frameset> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/042.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/042.xhtml new file mode 100644 index 000000000..686accb24 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/042.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross frame selection drag and drop from textarea to contenteditable element</title> +</head> +<frameset rows="50%, 50%"> +<frame src="helper-drag-me-textarea-to-other-blue-box.xhtml"/> +<frame src="helper-drop-here-blue-box-contenteditable.xhtml"/> +</frameset> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/043.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/043.xhtml new file mode 100644 index 000000000..bc296d5bc --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/043.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross frame selection drag and drop between text inputs</title> +</head> +<frameset rows="50%, 50%"> +<frame src="helper-drag-me-input-to-other-input.xhtml"/> +<frame src="helper-drop-here-input.xhtml"/> +</frameset> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/044.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/044.xhtml new file mode 100644 index 000000000..0dd958edc --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/044.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross frame selection drag and drop from textarea to text input</title> +</head> +<frameset rows="50%, 50%"> +<frame src="helper-drag-me-textarea-to-other-input.xhtml"/> +<frame src="helper-drop-here-input.xhtml"/> +</frameset> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/045.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/045.xhtml new file mode 100644 index 000000000..1b44ad3e3 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/045.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input to iframe</title> +<style type="text/css"> +iframe + {width:350px; + height:150px; + border-style:none;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input value="Drag me"/></p> +<p><iframe src="helper-drop-here-blue-box.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/046.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/046.xhtml new file mode 100644 index 000000000..b5a8f9510 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/046.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea to iframe</title> +<style type="text/css"> +iframe + {width:350px; + height:150px; + border-style:none;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><textarea>Drag me</textarea></p> +<p><iframe src="helper-drop-here-blue-box.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/047.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/047.xhtml new file mode 100644 index 000000000..61d4afca4 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/047.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input to textarea in iframe</title> +<style type="text/css"> +iframe + {width:500px; + height:400px; + border-style:none;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the textarea. Copy of selection should end up in the textarea once you drop it there.</p> +<p><input value="Drag me"/></p> +<p><iframe src="helper-drop-here-textarea.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/048.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/048.xhtml new file mode 100644 index 000000000..73483036c --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/048.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea to another textarea in iframe</title> +<style type="text/css"> +iframe + {width:500px; + height:400px; + border-style:none;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the textarea. Copy of selection should end up in the textarea once you drop it there.</p> +<p><textarea>Drag me</textarea></p> +<p><iframe src="helper-drop-here-textarea.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/049.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/049.xhtml new file mode 100644 index 000000000..5bed43563 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/049.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input to contenteditable element in iframe</title> +<style type="text/css"> +iframe + {width:350px; + height:150px; + border-style:none;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input value="Drag me"/></p> +<p><iframe src="helper-drop-here-blue-box-contenteditable.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/050.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/050.xhtml new file mode 100644 index 000000000..7a1545ec5 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/050.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea to contenteditable element in iframe</title> +<style type="text/css"> +iframe + {width:350px; + height:150px; + border-style:none;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><textarea>Drag me</textarea></p> +<p><iframe src="helper-drop-here-blue-box-contenteditable.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/051.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/051.xhtml new file mode 100644 index 000000000..41a94dd8c --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/051.xhtml @@ -0,0 +1,27 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input in iframe to block element</title> +<style type="text/css"> +iframe + {width:500px; + height:200px; + border-style:none;} +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-input.xhtml">XHTML document</iframe></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/052.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/052.xhtml new file mode 100644 index 000000000..32d713ff5 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/052.xhtml @@ -0,0 +1,27 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea in iframe to block element</title> +<style type="text/css"> +iframe + {width:500px; + height:200px; + border-style:none;} +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-textarea-to-other-blue-box.xhtml">XHTML document</iframe></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/053.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/053.xhtml new file mode 100644 index 000000000..52a3c148b --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/053.xhtml @@ -0,0 +1,21 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input in iframe to textarea</title> +<style type="text/css"> +iframe + {width:500px; + height:200px; + border-style:none;} +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-input-to-other-textarea.xhtml">XHTML document</iframe></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/054.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/054.xhtml new file mode 100644 index 000000000..22be41071 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/054.xhtml @@ -0,0 +1,21 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea in iframe to another textarea</title> +<style type="text/css"> +iframe + {width:500px; + height:200px; + border-style:none;} +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-textarea-to-other-textarea.xhtml">XHTML document</iframe></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/055.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/055.xhtml new file mode 100644 index 000000000..9465b1beb --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/055.xhtml @@ -0,0 +1,23 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input in iframe to contenteditable element</title> +<style type="text/css"> +iframe + {width:500px; + height:200px; + border-style:none;} +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-input.xhtml">XHTML document</iframe></p> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/056.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/056.xhtml new file mode 100644 index 000000000..94a99a791 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/056.xhtml @@ -0,0 +1,23 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea in iframe to contenteditable element</title> +<style type="text/css"> +iframe + {width:500px; + height:200px; + border-style:none;} +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-textarea-to-other-blue-box.xhtml">XHTML document</iframe></p> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/057.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/057.xhtml new file mode 100644 index 000000000..4fca493a7 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/057.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input in iframe to another input element</title> +<style type="text/css"> +iframe + {width:500px; + height:200px; + border-style:none;} +textarea + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-input-to-other-input.xhtml">XHTML document</iframe></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/058.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/058.xhtml new file mode 100644 index 000000000..7f3c51a97 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/058.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea in iframe to input element</title> +<style type="text/css"> +iframe + {width:500px; + height:200px; + border-style:none;} +textarea + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-textarea-to-other-input.xhtml">XHTML document</iframe></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/059.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/059.xhtml new file mode 100644 index 000000000..89a778b3e --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/059.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross iframe selection drag and drop from text input to block element</title> +<style type="text/css"> +iframe + {width:100%; + height:200px; + border-style:none;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-input.xhtml">XHTML document</iframe></p> +<p><iframe src="helper-drop-here-blue-box.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/060.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/060.xhtml new file mode 100644 index 000000000..73d49810a --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/060.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross iframe selection drag and drop from textarea to block element</title> +<style type="text/css"> +iframe + {width:100%; + height:200px; + border-style:none;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-textarea-to-other-blue-box.xhtml">XHTML document</iframe></p> +<p><iframe src="helper-drop-here-blue-box.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/061.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/061.xhtml new file mode 100644 index 000000000..c30c031e2 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/061.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross iframe selection drag and drop from text input to textarea</title> +<style type="text/css"> +iframe + {width:100%; + height:200px; + border-style:none;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-input-to-other-textarea.xhtml">XHTML document</iframe></p> +<p><iframe src="helper-drop-here-textarea.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/062.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/062.xhtml new file mode 100644 index 000000000..df64cfd8e --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/062.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross iframe selection drag and drop between textareas</title> +<style type="text/css"> +iframe + {width:100%; + height:200px; + border-style:none;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-textarea-to-other-textarea.xhtml">XHTML document</iframe></p> +<p><iframe src="helper-drop-here-textarea.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/063.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/063.xhtml new file mode 100644 index 000000000..c07ab932a --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/063.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross iframe selection drag and drop from text input to contenteditable element</title> +<style type="text/css"> +iframe + {width:100%; + height:200px; + border-style:none;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-input.xhtml">XHTML document</iframe></p> +<p><iframe src="helper-drop-here-blue-box-contenteditable.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/064-1.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/064-1.xhtml new file mode 100644 index 000000000..8f164a601 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/064-1.xhtml @@ -0,0 +1,15 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +<style type="text/css"> +textarea + {height:1.5em; + width:7em;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the blue box. Selection should be moved to the blue box once you drop it there.</p> +<p><textarea>Drag me</textarea></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/064.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/064.xhtml new file mode 100644 index 000000000..cf585c6d5 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/064.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross iframe selection drag and drop from textarea to contenteditable element</title> +<style type="text/css"> +iframe + {width:100%; + height:200px; + border-style:none;} +</style> +</head> +<body> +<p><iframe src="064-1.xhtml">XHTML document</iframe></p> +<p><iframe src="helper-drop-here-blue-box-contenteditable.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/065.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/065.xhtml new file mode 100644 index 000000000..d4bd8f325 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/065.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross iframe selection drag and drop between text inputs</title> +<style type="text/css"> +iframe + {width:100%; + height:200px; + border-style:none;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-input-to-other-input.xhtml">XHTML document</iframe></p> +<p><iframe src="helper-drop-here-input.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/066.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/066.xhtml new file mode 100644 index 000000000..8f65061a1 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/066.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Cross iframe selection drag and drop from textarea to text input</title> +<style type="text/css"> +iframe + {width:100%; + height:200px; + border-style:none;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-textarea-to-other-input.xhtml">XHTML document</iframe></p> +<p><iframe src="helper-drop-here-input.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/067-1.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/067-1.xhtml new file mode 100644 index 000000000..206c59675 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/067-1.xhtml @@ -0,0 +1,15 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +<style type="text/css"> +iframe + {width:100%; + height:200px; + border-style:none;} +</style> +</head> +<body> +<p><iframe src="helper-drag-me-input.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/067-2.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/067-2.xhtml new file mode 100644 index 000000000..3362fba6c --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/067-2.xhtml @@ -0,0 +1,15 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +<style type="text/css"> +iframe + {width:100%; + height:200px; + border-style:none;} +</style> +</head> +<body> +<p><iframe src="helper-drop-here-blue-box.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/067.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/067.xhtml new file mode 100644 index 000000000..2d33465fd --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/067.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Nested cross frame selection drag and drop from text input to block element</title> +</head> +<frameset rows="50%, 50%"> +<frame src="067-1.xhtml"/> +<frame src="067-2.xhtml"/> +</frameset> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/068-1.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/068-1.xhtml new file mode 100644 index 000000000..c9fc41b47 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/068-1.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +</head> +<frameset rows="100%, 0%"> +<frame src="helper-drag-me-textarea-to-other-textarea.xhtml"/> +<frame src="data:text/plain,1"/> +</frameset> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/068-2.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/068-2.xhtml new file mode 100644 index 000000000..b639b16fc --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/068-2.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +</head> +<frameset rows="100%, 0%"> +<frame src="helper-drop-here-textarea.xhtml"/> +<frame src="data:text/plain,2"/> +</frameset> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/068.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/068.xhtml new file mode 100644 index 000000000..5f051697c --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/068.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Nested cross frame selection drag and drop between textareas</title> +</head> +<frameset rows="50%, 50%"> +<frame src="068-1.xhtml"/> +<frame src="068-2.xhtml"/> +</frameset> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/069.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/069.xhtml new file mode 100644 index 000000000..02c12bd72 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/069.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop to textarea in iframe</title> +<style type="text/css"> +iframe + {width:500px; + height:400px; + border-style:none;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>Drag me</p> +<p>Drag selected text to the textarea. Copy of selection should end up in the textarea once you drop it there.</p> +<p><iframe src="helper-drop-here-textarea.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/070.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/070.xhtml new file mode 100644 index 000000000..73511debd --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/070.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop to contenteditable element in iframe</title> +<style type="text/css"> +iframe + {width:500px; + height:400px; + border-style:none;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>Drag me</p> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><iframe src="helper-drop-here-blue-box-contenteditable.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/071.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/071.xhtml new file mode 100644 index 000000000..e3dcd57de --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/071.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop between text inputs of different size</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the input below. Selected text should be moved to the input once you drop it there.</p> +<p><input value="Drag me"/></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/072.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/072.xhtml new file mode 100644 index 000000000..c44e2bd8d --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/072.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from search to text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the input below. Selected text should be moved to the input once you drop it there.</p> +<p><input type="search" value="Selection"/></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/073.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/073.xhtml new file mode 100644 index 000000000..ade164797 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/073.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from tel to text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected number to the input below. Selected text should be moved to the input once you drop it there.</p> +<p><input type="tel" value="123456789"/></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/074.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/074.xhtml new file mode 100644 index 000000000..f441ad101 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/074.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from url to text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected url to the input below. Selected text should be moved to the input once you drop it there.</p> +<p><input type="url" value="http://example.org"/></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/075.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/075.xhtml new file mode 100644 index 000000000..8b5304f0e --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/075.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from email to text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected email to the input below. Selected text should be moved to the input once you drop it there.</p> +<p><input type="email" value="mail@example.org"/></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/076.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/076.xhtml new file mode 100644 index 000000000..bb5db839a --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/076.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from number to text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected number to the input below. Copy of selection should end up in the input once you drop it there.</p> +<p><input type="number" value="123456789"/></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/077.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/077.xhtml new file mode 100644 index 000000000..42cee3e22 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/077.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from short text input to another text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected date to the input below. Selected text should be moved to the input once you drop it there.</p> +<p><input size="5" value="Drag me"/></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/078.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/078.xhtml new file mode 100644 index 000000000..1261a6a13 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/078.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from password to text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>You should not be able to drag and drop selection from password field to the input below.</p> +<p><input type="password" value="FAIL"/></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/079.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/079.xhtml new file mode 100644 index 000000000..d114cc68d --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/079.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from readonly text input to another text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the input below. Selected text should be moved to the input once you drop it there.</p> +<p><input readonly="readonly" value="Drag me"/></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/080.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/080.xhtml new file mode 100644 index 000000000..35fac3928 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/080.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea to text input</title> +<style type="text/css"> +input + {width:300px; + height:100px; + margin-top:20px;} +textarea + {height:1.5em; + width:7em;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the input below. Selected text should be moved to the input once you drop it there.</p> +<p><textarea>Drag me</textarea></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/081.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/081.xhtml new file mode 100644 index 000000000..eb8c4124f --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/081.xhtml @@ -0,0 +1,36 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Events during selection drag and drop to text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:50px; + margin-top:20px;} +.hidden + {visibility:hidden;} +</style> +<script type="application/ecmascript"> +function evtChange() + {document.querySelectorAll('tt')[0].firstChild.nodeValue = 'PASS'} +function evtInput() + {document.querySelectorAll('tt')[1].firstChild.nodeValue = 'PASS'} +function evtDrop() + {document.querySelectorAll('tt')[2].firstChild.nodeValue = (event.dataTransfer.getData('text/plain') == 'Drag me')?'PASS':'FAIL (selection is not properly added to data store)'} +function evtKeypress() + {document.querySelectorAll('tt')[3].firstChild.nodeValue = 'FAIL (even is not supposed to fire)'} +</script> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>Drag me</p> +<p>Drag selected text to the input below. Follow check results link once you drop selection in the input.</p> +<p><input placeholder="Drop selection here" onchange="evtChange()" oninput="evtInput()" onkeypress="evtKeypress()" ondrop="evtDrop()"/></p> +<p><a href="javascript:document.querySelector('ul').removeAttribute('class')">Check results</a></p> +<ul class="hidden"> +<li>Change event: <tt>FAIL (even did not fire)</tt></li> +<li>Input event: <tt>FAIL (even did not fire)</tt></li> +<li>Drop event: <tt>FAIL (even did not fire)</tt></li> +<li>Keypress event: <tt>PASS</tt></li> +</ul> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/082.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/082.xhtml new file mode 100644 index 000000000..449ce932a --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/082.xhtml @@ -0,0 +1,36 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Events during selection drag and drop to search input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:50px; + margin-top:20px;} +.hidden + {visibility:hidden;} +</style> +<script type="application/ecmascript"> +function evtChange() + {document.querySelectorAll('tt')[0].firstChild.nodeValue = 'PASS'} +function evtInput() + {document.querySelectorAll('tt')[1].firstChild.nodeValue = 'PASS'} +function evtDrop() + {document.querySelectorAll('tt')[2].firstChild.nodeValue = (event.dataTransfer.getData('text/plain') == 'Drag me')?'PASS':'FAIL (selection is not properly added to data store)'} +function evtKeypress() + {document.querySelectorAll('tt')[3].firstChild.nodeValue = 'FAIL (even is not supposed to fire)'} +</script> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>Drag me</p> +<p>Drag selected text to the input below. Follow check results link once you drop selection in the input.</p> +<p><input type="search" placeholder="Drop selection here" onchange="evtChange()" oninput="evtInput()" onkeypress="evtKeypress()" ondrop="evtDrop()"/></p> +<p><a href="javascript:document.querySelector('ul').removeAttribute('class')">Check results</a></p> +<ul class="hidden"> +<li>Change event: <tt>FAIL (even did not fire)</tt></li> +<li>Input event: <tt>FAIL (even did not fire)</tt></li> +<li>Drop event: <tt>FAIL (even did not fire)</tt></li> +<li>Keypress event: <tt>PASS</tt></li> +</ul> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/083.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/083.xhtml new file mode 100644 index 000000000..9ca21e9e3 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/083.xhtml @@ -0,0 +1,36 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Events during selection drag and drop to tel input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:50px; + margin-top:20px;} +.hidden + {visibility:hidden;} +</style> +<script type="application/ecmascript"> +function evtChange() + {document.querySelectorAll('tt')[0].firstChild.nodeValue = 'PASS'} +function evtInput() + {document.querySelectorAll('tt')[1].firstChild.nodeValue = 'PASS'} +function evtDrop() + {document.querySelectorAll('tt')[2].firstChild.nodeValue = (event.dataTransfer.getData('text/plain') == '123456789')?'PASS':'FAIL (selection is not properly added to data store)'} +function evtKeypress() + {document.querySelectorAll('tt')[3].firstChild.nodeValue = 'FAIL (even is not supposed to fire)'} +</script> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>123456789</p> +<p>Drag selected number to the input below. Follow check results link once you drop selection in the input.</p> +<p><input type="tel" placeholder="Drop selection here" onchange="evtChange()" oninput="evtInput()" onkeypress="evtKeypress()" ondrop="evtDrop()"/></p> +<p><a href="javascript:document.querySelector('ul').removeAttribute('class')">Check results</a></p> +<ul class="hidden"> +<li>Change event: <tt>FAIL (even did not fire)</tt></li> +<li>Input event: <tt>FAIL (even did not fire)</tt></li> +<li>Drop event: <tt>FAIL (even did not fire)</tt></li> +<li>Keypress event: <tt>PASS</tt></li> +</ul> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/084.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/084.xhtml new file mode 100644 index 000000000..baaae70d2 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/084.xhtml @@ -0,0 +1,36 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Events during selection drag and drop to url input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:50px; + margin-top:20px;} +.hidden + {visibility:hidden;} +</style> +<script type="application/ecmascript"> +function evtChange() + {document.querySelectorAll('tt')[0].firstChild.nodeValue = 'PASS'} +function evtInput() + {document.querySelectorAll('tt')[1].firstChild.nodeValue = 'PASS'} +function evtDrop() + {document.querySelectorAll('tt')[2].firstChild.nodeValue = (event.dataTransfer.getData('text/plain') == 'http://example.org')?'PASS':'FAIL (selection is not properly added to data store)'} +function evtKeypress() + {document.querySelectorAll('tt')[3].firstChild.nodeValue = 'FAIL (even is not supposed to fire)'} +</script> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>http://example.org</p> +<p>Drag selected url to the input below. Follow check results link once you drop selection in the input.</p> +<p><input type="url" placeholder="Drop selection here" onchange="evtChange()" oninput="evtInput()" onkeypress="evtKeypress()" ondrop="evtDrop()"/></p> +<p><a href="javascript:document.querySelector('ul').removeAttribute('class')">Check results</a></p> +<ul class="hidden"> +<li>Change event: <tt>FAIL (even did not fire)</tt></li> +<li>Input event: <tt>FAIL (even did not fire)</tt></li> +<li>Drop event: <tt>FAIL (even did not fire)</tt></li> +<li>Keypress event: <tt>PASS</tt></li> +</ul> +</body> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/085.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/085.xhtml new file mode 100644 index 000000000..23f49f720 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/085.xhtml @@ -0,0 +1,36 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Events during selection drag and drop to email input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:50px; + margin-top:20px;} +.hidden + {visibility:hidden;} +</style> +<script type="application/ecmascript"> +function evtChange() + {document.querySelectorAll('tt')[0].firstChild.nodeValue = 'PASS'} +function evtInput() + {document.querySelectorAll('tt')[1].firstChild.nodeValue = 'PASS'} +function evtDrop() + {document.querySelectorAll('tt')[2].firstChild.nodeValue = (event.dataTransfer.getData('text/plain') == 'mail@example.org')?'PASS':'FAIL (selection is not properly added to data store)'} +function evtKeypress() + {document.querySelectorAll('tt')[3].firstChild.nodeValue = 'FAIL (even is not supposed to fire)'} +</script> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>mail@example.org</p> +<p>Drag selected address to the input below. Follow check results link once you drop selection in the input.</p> +<p><input type="email" placeholder="Drop selection here" onchange="evtChange()" oninput="evtInput()" onkeypress="evtKeypress()" ondrop="evtDrop()"/></p> +<p><a href="javascript:document.querySelector('ul').removeAttribute('class')">Check results</a></p> +<ul class="hidden"> +<li>Change event: <tt>FAIL (even did not fire)</tt></li> +<li>Input event: <tt>FAIL (even did not fire)</tt></li> +<li>Drop event: <tt>FAIL (even did not fire)</tt></li> +<li>Keypress event: <tt>PASS</tt></li> +</ul> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/086.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/086.xhtml new file mode 100644 index 000000000..adb2fc768 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/086.xhtml @@ -0,0 +1,36 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Events during selection drag and drop to number input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:50px; + margin-top:20px;} +.hidden + {visibility:hidden;} +</style> +<script type="application/ecmascript"> +function evtChange() + {document.querySelectorAll('tt')[0].firstChild.nodeValue = 'PASS'} +function evtInput() + {document.querySelectorAll('tt')[1].firstChild.nodeValue = 'PASS'} +function evtDrop() + {document.querySelectorAll('tt')[2].firstChild.nodeValue = (event.dataTransfer.getData('text/plain') == '123456789')?'PASS':'FAIL (selection is not properly added to data store)'} +function evtKeypress() + {document.querySelectorAll('tt')[3].firstChild.nodeValue = 'FAIL (even is not supposed to fire)'} +</script> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>123456789</p> +<p>Drag selected address to the input below. Follow check results link once you drop selection in the input.</p> +<p><input type="number" placeholder="Drop selection here" onchange="evtChange()" oninput="evtInput()" onkeypress="evtKeypress()" ondrop="evtDrop()"/></p> +<p><a href="javascript:document.querySelector('ul').removeAttribute('class')">Check results</a></p> +<ul class="hidden"> +<li>Change event: <tt>FAIL (even did not fire)</tt></li> +<li>Input event: <tt>FAIL (even did not fire)</tt></li> +<li>Drop event: <tt>FAIL (even did not fire)</tt></li> +<li>Keypress event: <tt>PASS</tt></li> +</ul> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/087.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/087.xhtml new file mode 100644 index 000000000..6cb5b0f10 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/087.xhtml @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Scrolling during selection drag and drop to text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:50px; + margin-top:200px;} +div + {height:150px; + width:500px; + overflow-y:scroll;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>Drag me</p> +<div> +<p>You should be able to drag selected text to the input at the bottom of scrollable container (dragging towards the bottom edge triggers scrolling).</p> +<input placeholder="Drop selection here"/> +<p>Copy of selection should end up in the input once you drop it there.</p> +</div> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/088.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/088.xhtml new file mode 100644 index 000000000..54d0ca088 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/088.xhtml @@ -0,0 +1,29 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Vertical scrolling during selection drag and drop to text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:50px;} +div > p:first-child + {margin-bottom:200px;} +body > div + {height:150px; + width:500px; + overflow-y:scroll;} +div > div + {height:400px;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>Drag me</p> +<div> + <div> + <p>You should be able to drag selected text to the input at the bottom of scrollable container (dragging towards the bottom edge triggers scrolling).</p> + <input placeholder="Drop selection here"/> + <p>Copy of selection should end up in the input once you drop it there.</p> + </div> +</div> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/089.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/089.xhtml new file mode 100644 index 000000000..da0f5e2f1 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/089.xhtml @@ -0,0 +1,15 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Scrolling during selection drag and drop to iframe</title> +<style type="text/css"> +iframe + {width:350px; + height:150px;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>Drag me</p> +<p><iframe src="helper-scroll-then-drop-input.xhtml">XHTML document</iframe></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/090.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/090.xhtml new file mode 100644 index 000000000..5759be186 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/090.xhtml @@ -0,0 +1,15 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Scrolling during selection drag and drop to object</title> +<style type="text/css"> +object + {width:350px; + height:150px;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>Drag me</p> +<p><object type="application/xhtml+xml" data="helper-scroll-then-drop-input.xhtml">XHTML document</object></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/091-1.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/091-1.xhtml new file mode 100644 index 000000000..5e11544c4 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/091-1.xhtml @@ -0,0 +1,9 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>Drag me</p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/091-2.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/091-2.xhtml new file mode 100644 index 000000000..205eff771 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/091-2.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:50px;} +p:first-child + {margin-bottom:1000px;} +</style> +</head> +<body> +<p>You should be able to drag selected text to the input at the bottom of scrollable container (dragging towards the bottom edge triggers scrolling).</p> +<input placeholder="Drop selection here"/> +<p>Copy of selection should end up in the input once you drop it there.</p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/091.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/091.xhtml new file mode 100644 index 000000000..bc85f2231 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/091.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Scrolling during selection drag and drop to frame</title> +</head> +<frameset rows="50%, 50%"> +<frame src="091-1.xhtml"/> +<frame src="091-2.xhtml"/> +</frameset> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/092.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/092.xhtml new file mode 100644 index 000000000..dfd454a10 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/092.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input to element in object</title> +<style type="text/css"> +object + {width:350px; + height:150px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input value="Drag me"/></p> +<p><object type="application/xhtml+xml" data="helper-drop-here-blue-box.xhtml">XHTML document</object></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/093.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/093.xhtml new file mode 100644 index 000000000..88e8ecd81 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/093.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea to element in object</title> +<style type="text/css"> +object + {width:350px; + height:150px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><textarea>Drag me</textarea></p> +<p><object type="application/xhtml+xml" data="helper-drop-here-blue-box.xhtml">XHTML document</object></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/094.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/094.xhtml new file mode 100644 index 000000000..114fa0fee --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/094.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input to textarea in object</title> +<style type="text/css"> +object + {width:500px; + height:400px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the textarea. Copy of selection should end up in the textarea once you drop it there.</p> +<p><input value="Drag me"/></p> +<p><object type="application/xhtml+xml" data="helper-drop-here-textarea.xhtml">XHTML document</object></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/095.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/095.xhtml new file mode 100644 index 000000000..9f2c761d6 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/095.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea to another textarea in object</title> +<style type="text/css"> +object + {width:500px; + height:400px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the textarea. Copy of selection should end up in the textarea once you drop it there.</p> +<p><textarea>Drag me</textarea></p> +<p><object type="application/xhtml+xml" data="helper-drop-here-textarea.xhtml">XHTML document</object></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/096.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/096.xhtml new file mode 100644 index 000000000..0589ede6c --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/096.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input to contenteditable element in object</title> +<style type="text/css"> +object + {width:350px; + height:150px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input value="Drag me"/></p> +<p><object type="application/xhtml+xml" data="helper-drop-here-blue-box-contenteditable.xhtml">XHTML document</object></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/097.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/097.xhtml new file mode 100644 index 000000000..7ee94f86a --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/097.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea to contenteditable element in object</title> +<style type="text/css"> +object + {width:350px; + height:150px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><textarea>Drag me</textarea></p> +<p><object type="application/xhtml+xml" data="helper-drop-here-blue-box-contenteditable.xhtml">XHTML document</object></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/098.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/098.xhtml new file mode 100644 index 000000000..c1595d9bb --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/098.xhtml @@ -0,0 +1,26 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input in object to block element</title> +<style type="text/css"> +object + {width:500px; + height:200px;} +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body> +<p><object type="application/xhtml+xml" data="helper-drag-me-input.xhtml">XHTML document</object></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/099.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/099.xhtml new file mode 100644 index 000000000..8eaa0562a --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/099.xhtml @@ -0,0 +1,26 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea in object to block element</title> +<style type="text/css"> +object + {width:500px; + height:200px;} +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body> +<p><object type="application/xhtml+xml" data="helper-drag-me-textarea-to-other-blue-box.xhtml">XHTML document</object></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/100.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/100.xhtml new file mode 100644 index 000000000..c6d5b52c7 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/100.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input in object to textarea</title> +<style type="text/css"> +object + {width:500px; + height:200px;} +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body> +<p><object type="application/xhtml+xml" data="helper-drag-me-input-to-other-textarea.xhtml">XHTML document</object></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/101.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/101.xhtml new file mode 100644 index 000000000..d1316c1af --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/101.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea in object to another textarea</title> +<style type="text/css"> +object + {width:500px; + height:200px;} +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body> +<p><object type="application/xhtml+xml" data="helper-drag-me-textarea-to-other-textarea.xhtml">XHTML document</object></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/102.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/102.xhtml new file mode 100644 index 000000000..ca9244830 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/102.xhtml @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input in object to contenteditable element</title> +<style type="text/css"> +object + {width:500px; + height:200px;} +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body> +<p><object type="application/xhtml+xml" data="helper-drag-me-input.xhtml">XHTML document</object></p> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/103.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/103.xhtml new file mode 100644 index 000000000..4f91db699 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/103.xhtml @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea in object to contenteditable element</title> +<style type="text/css"> +object + {width:500px; + height:200px;} +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body> +<p><object type="application/xhtml+xml" data="helper-drag-me-textarea-to-other-blue-box.xhtml">XHTML document</object></p> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/104.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/104.xhtml new file mode 100644 index 000000000..9b23cc9ef --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/104.xhtml @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input in object to another text input</title> +<style type="text/css"> +object + {width:500px; + height:200px;} +textarea + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body> +<p><object type="application/xhtml+xml" data="helper-drag-me-input-to-other-input.xhtml">XHTML document</object></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/105.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/105.xhtml new file mode 100644 index 000000000..432664793 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/105.xhtml @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea in object to text input</title> +<style type="text/css"> +object + {width:500px; + height:200px;} +textarea + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body> +<p><object type="application/xhtml+xml" data="helper-drag-me-textarea-to-other-input.xhtml">XHTML document</object></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/106.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/106.xhtml new file mode 100644 index 000000000..9accdc075 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/106.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from textarea input in dataURL frame to block element</title> +</head> +<frameset rows="50%, 50%"> +<frame src="data:application/xhtml+xml,%3Chtml%20xmlns%3D%22http%3A//www.w3.org/1999/xhtml%22%3E%3Chead%3E%3Ctitle%3EDragging%20selection%3C/title%3E%3C/head%3E%3Cbody%20onload%3D%22document.querySelector%28%27input%27%29.select%28%29%22%3E%3Cp%3EDrag%20selected%20text%20to%20the%20blue%20box.%20Copy%20of%20selection%20should%20end%20up%20in%20the%20blue%20box%20once%20you%20drop%20it%20there.%3C/p%3E%3Cp%3E%3Cinput%20value%3D%22Drag%20me%22/%3E%3C/p%3E%3C/body%3E%3C/html%3E"/> +<frame src="helper-drop-here-blue-box.xhtml"/> +</frameset> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/107-1.html b/testing/web-platform/tests/html/editing/dnd/selection/107-1.html new file mode 100644 index 000000000..5dc99143f --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/107-1.html @@ -0,0 +1,8 @@ +<!doctype html> +<title>Dragging selection breaks layout</title> +<p>Select all text in the input below, drag it downwards a little, and release it. Pass if you can still edit the contents of the input.</p> +<p><input value="SelectAndDrag"/></p> +<script type="text/javascript"> +document.getElementsByTagName('input')[0].select(); +</script> +<noscript><p>Enable JavaScript and reload</p></noscript>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/107.html b/testing/web-platform/tests/html/editing/dnd/selection/107.html new file mode 100644 index 000000000..0d7f75f32 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/107.html @@ -0,0 +1,5 @@ +<!doctype html> +<title>Dragging selection breaks layout</title> +<frameset rows="100%"> + <frame src="107-1.html"> +</frameset>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/108-1.html b/testing/web-platform/tests/html/editing/dnd/selection/108-1.html new file mode 100644 index 000000000..9359fed43 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/108-1.html @@ -0,0 +1,3 @@ +<!doctype html> +<title>Dragging custom selection breaks layout</title> +<p>Select this sentence, drag it downwards a little, and release it. Pass if you can now select this sentence instead.</p>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/108.html b/testing/web-platform/tests/html/editing/dnd/selection/108.html new file mode 100644 index 000000000..967e99e0f --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/108.html @@ -0,0 +1,5 @@ +<!doctype html> +<title>Dragging custom selection breaks layout</title> +<frameset rows="100%"> + <frame src="108-1.html"> +</frameset>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/109.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/109.xhtml new file mode 100644 index 000000000..7e4dc25c6 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/109.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from text input to RTL textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the textarea. Selected text should be moved to the textarea once you drop it there. Text direction should be preserved during drag and drop.</p> +<p><input dir="rtl" value="‮FAIL|SSAP‬"/></p> +<p><textarea dir="rtl" placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/110.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/110.xhtml new file mode 100644 index 000000000..fce336fb7 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/110.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from text input to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the textarea. Selected text should be moved to the textarea once you drop it there. Text direction should be preserved during drag and drop.</p> +<div dir="rtl"> +<p><input value="‮FAIL|SSAP‬"/></p> +<p><textarea placeholder="Drop selection here"/></p> +</div> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/111.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/111.xhtml new file mode 100644 index 000000000..4c3aa4094 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/111.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from RTL element to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p dir="rtl">‮FAIL|SSAP‬</p> +<p>Drag selected text to the textarea. Copy of selection should end up in the textarea once you drop it there. Text direction should be preserved during drag and drop.</p> +<p dir="rtl"><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/112.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/112.xhtml new file mode 100644 index 000000000..693d0301d --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/112.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>‮FAIL|SSAP‬</p> +<p>Drag selected text to the textarea. Copy of selection should end up in the textarea once you drop it there. Text direction should be preserved during drag and drop.</p> +<p dir="rtl"><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/113.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/113.xhtml new file mode 100644 index 000000000..d8c92cb70 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/113.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop between textareas</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,11)"> +<p>Drag selected text to the textarea. Selected text should be moved to the textarea once you drop it there. Text direction should be preserved during drag and drop.</p> +<p><textarea>‮FAIL|SSAP‬</textarea></p> +<p><textarea dir="rtl" placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/114.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/114.xhtml new file mode 100644 index 000000000..4884ff2fe --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/114.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop between RTL textareas</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,11)"> +<p>Drag selected text to the textarea. Selected text should be moved to the textarea once you drop it there. Text direction should be preserved during drag and drop.</p> +<div dir="rtl"> +<p><textarea>‮FAIL|SSAP‬</textarea></p> +<p><textarea placeholder="Drop selection here"/></p> +</div> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/115.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/115.xhtml new file mode 100644 index 000000000..a99d14f75 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/115.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop between RTL inputs</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the input below. Selected text should be moved to the input once you drop it there. Text direction should be preserved during drag and drop.</p> +<p><input dir="rtl" value="‮FAIL|SSAP‬"/></p> +<p><input dir="rtl" placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/116.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/116.xhtml new file mode 100644 index 000000000..c4ea9930d --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/116.xhtml @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop between text inputs</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the input below. Selected text should be moved to the input once you drop it there. Text direction should be preserved during drag and drop.</p> +<div dir="rtl"> +<p><input value="‮FAIL|SSAP‬"/></p> +<p><input placeholder="Drop selection here"/></p> +</div> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/117.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/117.xhtml new file mode 100644 index 000000000..daa30ca42 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/117.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from RTL element to text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p dir="rtl">‮FAIL|SSAP‬</p> +<p>Drag selected text to the input below. Copy of selection should end up in the input once you drop it there. Text direction should be preserved during drag and drop.</p> +<p dir="rtl"><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/118.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/118.xhtml new file mode 100644 index 000000000..0ea40e299 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/118.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop to text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>‮FAIL|SSAP‬</p> +<p>Drag selected text to the input below. Copy of selection should end up in the input once you drop it there. Text direction should be preserved during drag and drop.</p> +<p dir="rtl"><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/119.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/119.xhtml new file mode 100644 index 000000000..344679fad --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/119.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from textarea to RTL text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,11)"> +<p>Drag selected text to the input below. Selected text should be moved to the input once you drop it there. Text direction should be preserved during drag and drop.</p> +<p><textarea>‮FAIL|SSAP‬</textarea></p> +<p><input dir="rtl" placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/120.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/120.xhtml new file mode 100644 index 000000000..eb7b7472d --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/120.xhtml @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from textarea to text input</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,11)"> +<p>Drag selected text to the input below. Selected text should be moved to the input once you drop it there. Text direction should be preserved during drag and drop.</p> +<div dir="rtl"> +<p><textarea>‮FAIL|SSAP‬</textarea></p> +<p><input placeholder="Drop selection here"/></p> +</div> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/121.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/121.xhtml new file mode 100644 index 000000000..58de2b2d0 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/121.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from RTL text input to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Selected text should be moved to the box once you drop it there. Text direction should be preserved during drag and drop.</p> +<p><input dir="rtl" value="‮FAIL|SSAP‬"/></p> +<p><div dir="rtl" contenteditable="true"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/122.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/122.xhtml new file mode 100644 index 000000000..cb2ade8a8 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/122.xhtml @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from text input to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Selected text should be moved to the box once you drop it there. Text direction should be preserved during drag and drop.</p> +<div dir="rtl"> +<p><input value="‮FAIL|SSAP‬"/></p> +<p><div contenteditable="true"/></p> +</div> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/123.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/123.xhtml new file mode 100644 index 000000000..597667a0e --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/123.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from RTL element to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p dir="rtl">‮FAIL|SSAP‬</p> +<p>Drag selected text to the blue box. Copy of selection should end up in the box once you drop it there. Text direction should be preserved during drag and drop.</p> +<p dir="rtl"><div contenteditable="true"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/124.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/124.xhtml new file mode 100644 index 000000000..b60da71a6 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/124.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>‮FAIL|SSAP‬</p> +<p>Drag selected text to the blue box. Copy of selection should end up in the box once you drop it there. Text direction should be preserved during drag and drop.</p> +<p dir="rtl"><div contenteditable="true"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/125.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/125.xhtml new file mode 100644 index 000000000..65c074ca1 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/125.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from textarea to RTL contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,11)"> +<p>Drag selected text to the blue box. Selected text should be moved to the blue box once you drop it there.</p> +<p><textarea>‮FAIL|SSAP‬</textarea></p> +<p><div dir="rtl" contenteditable="true"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/126.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/126.xhtml new file mode 100644 index 000000000..03d92ae7b --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/126.xhtml @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from textarea to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,11)"> +<p>Drag selected text to the blue box. Selected text should be moved to the blue box once you drop it there.</p> +<div dir="rtl"> +<p><textarea>‮FAIL|SSAP‬</textarea></p> +<p><div contenteditable="true"/></p> +</div> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/127.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/127.xhtml new file mode 100644 index 000000000..161ab64db --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/127.xhtml @@ -0,0 +1,25 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from text input to RTL element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Copy of selection should end up in the box once you drop it there. Text direction should be preserved during drag and drop.</p> +<p><input dir="rtl" value="‮FAIL|SSAP‬"/></p> +<div + dir="rtl" + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/128.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/128.xhtml new file mode 100644 index 000000000..504250686 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/128.xhtml @@ -0,0 +1,26 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from text input to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Copy of selection should end up in the box once you drop it there. Text direction should be preserved during drag and drop.</p> +<div dir="rtl"> +<p><input value="‮FAIL|SSAP‬"/></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div > div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</div> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/129.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/129.xhtml new file mode 100644 index 000000000..e9aea1866 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/129.xhtml @@ -0,0 +1,25 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from RTL element to another RTL element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p dir="rtl">‮FAIL|SSAP‬</p> +<p>Drag selected text to the blue box. Copy of selection should end up in the box once you drop it there. Text direction should be preserved during drag and drop.</p> +<div + dir="rtl" + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/130.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/130.xhtml new file mode 100644 index 000000000..073432526 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/130.xhtml @@ -0,0 +1,25 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>‮FAIL|SSAP‬</p> +<p>Drag selected text to the blue box. Copy of selection should end up in the box once you drop it there. Text direction should be preserved during drag and drop.</p> +<div + dir="rtl" + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/131.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/131.xhtml new file mode 100644 index 000000000..04e617731 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/131.xhtml @@ -0,0 +1,25 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from textarea to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,11)"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><textarea>‮FAIL|SSAP‬</textarea></p> +<div + dir="rtl" + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/132.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/132.xhtml new file mode 100644 index 000000000..d662b206f --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/132.xhtml @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>RTL text selection drag and drop from RTL textarea to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,11)"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><textarea dir="rtl">‮FAIL|SSAP‬</textarea></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/133.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/133.xhtml new file mode 100644 index 000000000..bf03eee91 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/133.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Multielement selection drag and drop</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('div'))"> +<div> + <p>Drag selected text to the textarea.</p> + <p>Copy of selection should end up in the textarea once you drop it there.</p> +</div> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/134.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/134.xhtml new file mode 100644 index 000000000..0b61026da --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/134.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Drag and drop after selecting whole page content</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('body'))"> +<p>Drag selected text to the textarea. Copy of selection should end up in the textarea once you drop it there.</p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/135.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/135.xhtml new file mode 100644 index 000000000..34d63e720 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/135.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Drag and drop after manually selecting whole page content</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body> +<p>Select whole page (Ctrl+A) and try to drag selection to the textarea. Copy of selection should end up in the textarea once you drop it there.</p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/136.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/136.xhtml new file mode 100644 index 000000000..c4ffc7d00 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/136.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>BiDi text selection drag and drop to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>PASS|LIAF ‮FAIL|SSAP‬ PASS|LIAF</p> +<p>Drag selected text to the textarea. Copy of selection should end up in the textarea once you drop it there. Text direction should be preserved during drag and drop.</p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/137.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/137.xhtml new file mode 100644 index 000000000..a1841b367 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/137.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Multielement BiDi text selection drag and drop to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>PASS|LIAF <span dir="rtl">‮FAIL|SSAP‬</span> PASS|LIAF</p> +<p>Drag selected text to the textarea. Copy of selection should end up in the textarea once you drop it there. Text direction should be preserved during drag and drop.</p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/138.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/138.xhtml new file mode 100644 index 000000000..4a9080a82 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/138.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>BiDi text selection drag and drop from text input to textarea</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the textarea. Selected text should be moved to the textarea once you drop it there. Text direction should be preserved during drag and drop.</p> +<p><input value="PASS|LIAF ‮FAIL|SSAP‬ PASS|LIAF"/></p> +<p><textarea dir="rtl" placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/139.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/139.xhtml new file mode 100644 index 000000000..f9b1f61b6 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/139.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>BiDi text selection drag and drop between textareas</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,32)"> +<p>Drag selected text to the textarea. Selected text should be moved to the textarea once you drop it there. Text direction should be preserved during drag and drop.</p> +<p><textarea>PASS|LIAF ‮FAIL|SSAP‬ PASS|LIAF</textarea></p> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/140.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/140.xhtml new file mode 100644 index 000000000..c97468bfe --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/140.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>BiDi text selection drag and drop between text inputs</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the input below. Selected text should be moved to the input once you drop it there. Text direction should be preserved during drag and drop.</p> +<p><input value="PASS|LIAF ‮FAIL|SSAP‬ PASS|LIAF"/></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/141.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/141.xhtml new file mode 100644 index 000000000..820556cb9 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/141.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>BiDi text selection drag and drop to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>PASS|LIAF ‮FAIL|SSAP‬ PASS|LIAF</p> +<p>Drag selected text to the blue box. Copy of selection should end up in the box once you drop it there. Text direction should be preserved during drag and drop.</p> +<p><div contenteditable="true"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/142.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/142.xhtml new file mode 100644 index 000000000..428ce10c8 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/142.xhtml @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>BiDi text selection drag and drop to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>PASS|LIAF ‮FAIL|SSAP‬ PASS|LIAF</p> +<p>Drag selected text to the blue box. Copy of selection should end up in the box once you drop it there. Text direction should be preserved during drag and drop.</p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/143.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/143.xhtml new file mode 100644 index 000000000..39e73d41b --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/143.xhtml @@ -0,0 +1,26 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Large text selection drag and drop</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +<script type="application/ecmascript"> +function start(event) + {var p = document.querySelector('p:last-child'), s = p.firstChild.nodeValue; + for(var i = 0; i != 12; i++) + {s = s + ' ' + s;} + p.firstChild.nodeValue = 'Start of selection. ' + s + ' End of selection'; + window.getSelection().selectAllChildren(p);} +</script> +</head> +<body onload="start()"> +<p>Try to drag selection below to the textarea. Copy of selection should end up in the textarea once you drop it there.</p> +<p><textarea placeholder="Drop selection here"/></p> +<p>Large selection.</p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/144.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/144.xhtml new file mode 100644 index 000000000..6dd04bd4b --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/144.xhtml @@ -0,0 +1,31 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from text input and text/plain aliases</title> +<style type="text/css"> +div + {min-height:40px; + width:40px; + padding:40px; + text-align:center; + color:white; + background-color:navy;} +</style> +<script type="application/ecmascript"> +function start(event) + {event.dataTransfer.effectAllowed = 'copy'; + event.dataTransfer.setData('text/plain','PASS');} +function checkText(event) + {var a = event.dataTransfer.getData('text/plain'), + b = event.dataTransfer.getData('text'), + c = event.dataTransfer.getData('TEXT'), + d = event.dataTransfer.getData('TexT'); + document.querySelector('div').appendChild(document.createTextNode((a == b && b == c && c == d && d == 'PASS')?' PASS ':' FAIL '))} +</script> +</head> +<body onload="document.querySelector('input').select()"> +<p><input value="Drag me" ondragstart="start(event)"/></p> +<p>Drag selection above to the navy box below and drop it. You should see word PASS once you drop it.</p> +<div ondragenter="event.preventDefault()" ondragover="return false" ondrop="checkText(event)"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/145.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/145.xhtml new file mode 100644 index 000000000..9ab73d43e --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/145.xhtml @@ -0,0 +1,31 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from inline element and text/plain aliases</title> +<style type="text/css"> +div + {min-height:40px; + width:40px; + padding:40px; + text-align:center; + color:white; + background-color:navy;} +</style> +<script type="application/ecmascript"> +function start(event) + {event.dataTransfer.effectAllowed = 'copy'; + event.dataTransfer.setData('Text','PASS');} +function checkText(event) + {var a = event.dataTransfer.getData('text/plain'), + b = event.dataTransfer.getData('text'), + c = event.dataTransfer.getData('TEXT'), + d = event.dataTransfer.getData('TexT'); + document.querySelector('div').appendChild(document.createTextNode((a == b && b == c && c == d && d == 'PASS')?'PASS':'FAIL'))} +</script> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('span'))"> +<p><span ondragstart="start(event)">Drag me</span></p> +<p>Drag selection above to the navy box below and drop it. You should see word PASS once you drop it.</p> +<div ondragenter="event.preventDefault()" ondragover="return false" ondrop="checkText(event)"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/146.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/146.xhtml new file mode 100644 index 000000000..574345cd1 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/146.xhtml @@ -0,0 +1,28 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop and text/plain aliases</title> +<style type="text/css"> +div + {min-height:40px; + width:40px; + padding:40px; + text-align:center; + color:white; + background-color:navy;} +</style> +<script type="application/ecmascript"> +function checkText(event) + {var a = event.dataTransfer.getData('text/plain'), + b = event.dataTransfer.getData('text'), + c = event.dataTransfer.getData('TEXT'), + d = event.dataTransfer.getData('TexT'); + document.querySelector('div').appendChild(document.createTextNode((a == b && b == c && c == d && d == 'Drag me')?'PASS':'FAIL'))} +</script> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>Drag me</p> +<p>Drag selection above to the navy box below and drop it. You should see word PASS once you drop it.</p> +<div ondragenter="event.preventDefault()" ondragover="return false" ondrop="checkText(event)"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/147.html b/testing/web-platform/tests/html/editing/dnd/selection/147.html new file mode 100644 index 000000000..da64ecd73 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/147.html @@ -0,0 +1,15 @@ +<!doctype html> +<html> + <head> + <title>Selection should not be cleared on failed drop</title> + </head> + <body> + + <ol> + <li>Select some text in this sentence and begin dragging it.</li> + <li>Drop it on this text.</li> + <li>Pass if the text in step 1 is still selected.</li> + </ol> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/148.html b/testing/web-platform/tests/html/editing/dnd/selection/148.html new file mode 100644 index 000000000..93219c594 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/148.html @@ -0,0 +1,15 @@ +<!doctype html> +<html> + <head> + <title>Selection in input should not be cleared on failed drop</title> + </head> + <body> + + <ol> + <li><textarea rows="3" cols="60">Select some text in this sentence and begin dragging it.</textarea></li> + <li>Drop it on this text.</li> + <li>Pass if the text in step 1 is still selected.</li> + </ol> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/149.html b/testing/web-platform/tests/html/editing/dnd/selection/149.html new file mode 100644 index 000000000..66475937d --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/149.html @@ -0,0 +1,16 @@ +<!doctype html> +<html> + <head> + <title>Dragging selections from multiline inputs should show editing caret</title> + </head> + <body> + + <p>Select one word in the first input. Drag the selection around over the same input, and over the other inputs. It should show the input editing caret at the relevant insertion point within the target input's text.</p> + <p><textarea rows="3" cols="60">Dummy text, dummy text, dummy text, dummy text, dummy text, +dummy text, dummy text, dummy text, dummy text, dummy text</textarea></p> + <p><textarea rows="3" cols="60">Dummy text, dummy text, dummy text, dummy text, dummy text, +dummy text, dummy text, dummy text, dummy text, dummy text</textarea></p> + <p><input value="Dummy text, dummy text"></p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/150.html b/testing/web-platform/tests/html/editing/dnd/selection/150.html new file mode 100644 index 000000000..ceecd35cd --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/150.html @@ -0,0 +1,15 @@ +<!doctype html> +<html> + <head> + <title>Dragging selections from single-line inputs should show editing caret</title> + </head> + <body> + + <p>Select one word in the first input. Drag the selection around over the same input, and over the other inputs. It should show the input editing caret at the relevant insertion point within the target input's text.</p> + <p><input value="Dummy text, dummy text"></p> + <p><textarea rows="3" cols="60">Dummy text, dummy text, dummy text, dummy text, dummy text, +dummy text, dummy text, dummy text, dummy text, dummy text</textarea></p> + <p><input value="Dummy text, dummy text"></p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/151.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/151.xhtml new file mode 100644 index 000000000..c9b2bf9f3 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/151.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Dropping selection in readonly text input</title> +<style type="text/css"> +input + {padding:1em; + width:300px;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>Drag me</p> +<p>Try to drag selected text into the input below. You should not be able to drop it here.</p> +<p><input readonly="readonly" placeholder="Try to drop selected text here" onchange="document.querySelector('p+p').firstChild.nodeValue = 'FAIL'"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/152.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/152.xhtml new file mode 100644 index 000000000..a9e24f305 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/152.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Dropping selection in readonly textarea</title> +<style type="text/css"> +textarea + {padding:1em; + width:300px; + height:100px;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> +<p>Drag me</p> +<p>Try to drag selected text into the input below. You should not be able to drop it here.</p> +<p><textarea readonly="readonly" placeholder="Try to drop selected text here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/153.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/153.xhtml new file mode 100644 index 000000000..cb122364b --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/153.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Dropping selection from text input into readonly text input</title> +<style type="text/css"> +input + {padding:1em; + width:300px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p><input value="Drag me"/></p> +<p>Try to drag selected text into the input below. You should not be able to drop it here.</p> +<p><input readonly="readonly" placeholder="Try to drop selected text here" onchange="document.querySelector('p+p').firstChild.nodeValue = 'FAIL'"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/154.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/154.xhtml new file mode 100644 index 000000000..96937b641 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/154.xhtml @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Dropping selection from text input into readonly textarea</title> +<style type="text/css"> +textarea + {padding:1em; + width:300px; + height:100px;} +</style> +</head> +<body onload="document.querySelector('input').select()"> +<p><input value="Drag me"/></p> +<p>Try to drag selected text into the input below. You should not be able to drop it here.</p> +<p><textarea readonly="readonly" placeholder="Try to drop selected text here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/155.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/155.xhtml new file mode 100644 index 000000000..f58562b00 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/155.xhtml @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop from readonly textarea to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><textarea readonly="readonly">Drag me</textarea></p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/156.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/156.xhtml new file mode 100644 index 000000000..cbdcdd826 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/156.xhtml @@ -0,0 +1,11 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop between text inputs</title> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Selected text should be moved to the blue box once you drop it there.</p> +<p><input value="Drag me"/></p> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/157.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/157.xhtml new file mode 100644 index 000000000..e754b67d4 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/157.xhtml @@ -0,0 +1,11 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop between search inputs</title> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected number to the second input box. Copy of selection should end up in the second input once you drop it there.</p> +<p><input type="search" value="Selection"/></p> +<p><input type="search" placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/158.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/158.xhtml new file mode 100644 index 000000000..a17ac4cf1 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/158.xhtml @@ -0,0 +1,11 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop between tel inputs</title> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected number to the second input box. Copy of selection should end up in the second input once you drop it there.</p> +<p><input type="tel" value="123456789"/></p> +<p><input type="tel" placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/159.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/159.xhtml new file mode 100644 index 000000000..b8987acc5 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/159.xhtml @@ -0,0 +1,11 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop between url inputs</title> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected number to the second input box. Copy of selection should end up in the second input once you drop it there.</p> +<p><input type="url" value="http://example.org"/></p> +<p><input type="url" placeholder="Drop selection here"/></p> +</body> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/160.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/160.xhtml new file mode 100644 index 000000000..8bb0297e4 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/160.xhtml @@ -0,0 +1,11 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop between email inputs</title> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected number to the second input box. Copy of selection should end up in the second input once you drop it there.</p> +<p><input type="email" value="mail@example.org"/></p> +<p><input type="email" placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/161.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/161.xhtml new file mode 100644 index 000000000..f292bff1d --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/161.xhtml @@ -0,0 +1,11 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop between number inputs</title> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected number to the second input box. Copy of selection should end up in the second input once you drop it there.</p> +<p><input type="number" value="123456789"/></p> +<p><input type="number" placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/162.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/162.xhtml new file mode 100644 index 000000000..49d4ba916 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/162.xhtml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop between contenteditable elements</title> +<style type="text/css"> +div + div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('div'))"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<div contenteditable="true">Drag me</div> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/163.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/163.xhtml new file mode 100644 index 000000000..f94049a25 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/163.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Moving text between text inputs</title> +<script type="application/ecmascript"> +function check() + {var input = document.querySelectorAll('input'); + document.querySelector('p').firstChild.nodeValue = (input[0].value == '' && input[1].value == 'Drag me')?'PASS':'FAIL';} +</script> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. You should see word PASS once you drop it there.</p> +<p><input value="Drag me"/></p> +<p><input ondragenter="event.preventDefault()" ondragover="event.preventDefault();event.dataTransfer.effectAllowed = 'move'" ondrop="window.setTimeout('check()',100)" placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/164.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/164.xhtml new file mode 100644 index 000000000..28d4d4864 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/164.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Moving text between search inputs</title> +<script type="application/ecmascript"> +function check() + {var input = document.querySelectorAll('input'); + document.querySelector('p').firstChild.nodeValue = (input[0].value == '' && input[1].value == 'Selection')?'PASS':'FAIL';} +</script> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input type="search" value="Selection"/></p> +<p><input ondragenter="event.preventDefault()" ondragover="event.preventDefault();event.dataTransfer.effectAllowed = 'move'" ondrop="window.setTimeout('check()',100)" type="search" placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/165.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/165.xhtml new file mode 100644 index 000000000..81ee12366 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/165.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Moving text between tel inputs</title> +<script type="application/ecmascript"> +function check() + {var input = document.querySelectorAll('input'); + document.querySelector('p').firstChild.nodeValue = (input[0].value == '' && input[1].value == '123456789')?'PASS':'FAIL';} +</script> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected number to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input type="tel" value="123456789"/></p> +<p><input ondragenter="event.preventDefault()" ondragover="event.preventDefault();event.dataTransfer.effectAllowed = 'move'" ondrop="window.setTimeout('check()',100)" type="tel" placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/166.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/166.xhtml new file mode 100644 index 000000000..de23321dd --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/166.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Moving text between url inputs</title> +<script type="application/ecmascript"> +function check() + {var input = document.querySelectorAll('input'); + document.querySelector('p').firstChild.nodeValue = (input[0].value == '' && input[1].value == 'http://example.org')?'PASS':'FAIL';} +</script> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected url to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input type="url" value="http://example.org"/></p> +<p><input ondragenter="event.preventDefault()" ondragover="event.preventDefault();event.dataTransfer.effectAllowed = 'move'" ondrop="window.setTimeout('check()',100)" type="url" placeholder="Drop selection here"/></p> +</body> +</html> diff --git a/testing/web-platform/tests/html/editing/dnd/selection/167.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/167.xhtml new file mode 100644 index 000000000..cc0a58008 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/167.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Moving text between email inputs</title> +<script type="application/ecmascript"> +function check() + {var input = document.querySelectorAll('input'); + document.querySelector('p').firstChild.nodeValue = (input[0].value == '' && input[1].value == 'mail@example.org')?'PASS':'FAIL';} +</script> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected email to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input type="email" value="mail@example.org"/></p> +<p><input ondragenter="event.preventDefault()" ondragover="event.preventDefault();event.dataTransfer.effectAllowed = 'move'" ondrop="window.setTimeout('check()',100)" type="email" placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/168.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/168.xhtml new file mode 100644 index 000000000..5b89314a8 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/168.xhtml @@ -0,0 +1,25 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Moving text between contenteditable elements</title> +<style type="text/css"> +div + div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +<script type="application/ecmascript"> +function check() + {var div = document.querySelectorAll('div'); + document.querySelector('p').firstChild.nodeValue = (!div[0].firstChild.nodeValue && div[1].firstChild.nodeValue == 'Drag me')?'PASS':('FAIL(' + div[0].firstChild.nodeValue + ')');} +</script> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('div'))"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<div contenteditable="true" ondragstart="event.dataTransfer.effectAllowed = 'move'">Drag me</div> +<div ondragenter="event.preventDefault()" ondragover="event.preventDefault();" ondrop="window.setTimeout('check()',100)" contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/169.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/169.xhtml new file mode 100644 index 000000000..d1f56734f --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/169.xhtml @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Moving text from text input to contenteditable element</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +<script type="application/ecmascript"> +function check() + {document.querySelector('p').firstChild.nodeValue = (document.querySelector('input').value == '' && document.querySelector('div').firstChild.nodeValue == 'Drag me')?'PASS':('FAIL(' + div[0].firstChild.nodeValue + ')');} +</script> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input value="Drag me"/></p> +<div ondragenter="event.preventDefault()" ondragover="event.preventDefault();event.dataTransfer.effectAllowed = 'move'" ondrop="window.setTimeout('check()',100)" contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/170.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/170.xhtml new file mode 100644 index 000000000..ccc8e8bdb --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/170.xhtml @@ -0,0 +1,33 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Dragging multiline text selection from scrolled textarea to block element</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +textarea + {width:300px; + height:100px;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(163,185)"> +<p> +<textarea> +Here is textarea with selection at the end of it. +Drag selected text to the blue box. +Copy of selection should end up in the blue box once you drop it there. +Try to drag this text. +</textarea> +</p> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/171.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/171.xhtml new file mode 100644 index 000000000..ce00dd71b --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/171.xhtml @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Dragging text selection from scrollable container to block element</title> +<style type="text/css"> +div + {width:300px; + height:100px;} +div:first-child + {overflow-y:scroll;} +div[ondragenter] + {margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +textarea + {width:300px; + height:100px;} +p+p + {margin-top:200px; + padding-bottom:50px;} +</style> +</head> +<body onload="window.getSelection().selectAllChildren(document.querySelector('p + p'))"> +<div> +<p> +Here is scrollable container with text selection at the end of it. +Drag selected text to the blue box. +Copy of selection should end up in the blue box once you drop it there. +</p> +<p>Try to drag this text.</p> +</div> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div + div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/172.html b/testing/web-platform/tests/html/editing/dnd/selection/172.html new file mode 100644 index 000000000..a92733701 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/172.html @@ -0,0 +1,45 @@ +<!doctype html> +<html> + <head> + <title>Selection dragging should drag minimal HTML context</title> + <style type="text/css"> +p + div { + background: orange; + width: 4em; +} +div + div { + border: 1px solid black; + min-height: 5em; +} + </style> + <script type="text/javascript"> +window.onload = function () { + var output = document.getElementsByTagName('div')[1]; + output.ondragenter = output.ondragover = function (e) { e.preventDefault(); }; + output.ondrop = function (e) { + e.preventDefault(); + var drophtml = e.dataTransfer.getData('text/html').toUpperCase().replace(/\sSTYLE="[^"]*"/g,'').replace(/[\r\n]+/g,'\\n'); + var droptext = e.dataTransfer.getData('text/plain').replace(/[\r\n]+/g,'\\n'); + var expectedhtml = '<P><SPAN>C</SPAN>D</P><P>E<SPAN>F</SPAN></P>'; + var expectedtext = 'CD\\nEF'; + if( drophtml != expectedhtml ) { + output.innerHTML = 'FAIL - normalised dropped HTML was:<br>'+drophtml.replace(/</g,'<'); + } else if( droptext != expectedtext ) { + output.innerHTML = 'FAIL - normalised dropped text was:<br>'+droptext.replace(/</g,'<'); + } else { + output.innerHTML = 'PASS'; + } + }; +}; + </script> + </head> + <body> + + <p>Select the text from "C" to "F" (including both of those characters) in the text below.</p> + <div> + <p><span>A</span><span>BC</span>D</p><p>E<span>FG</span><span>H</span></p> + </div> + <div>Drag the selection and drop it here.</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/173.html b/testing/web-platform/tests/html/editing/dnd/selection/173.html new file mode 100644 index 000000000..5ff15a219 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/173.html @@ -0,0 +1,45 @@ +<!doctype html> +<html> + <head> + <title>Selection dragging should drag no HTML when inside a single element</title> + <style type="text/css"> +p + div { + background: orange; + width: 4em; +} +div + div { + border: 1px solid black; + min-height: 5em; +} + </style> + <script type="text/javascript"> +window.onload = function () { + var output = document.getElementsByTagName('div')[1]; + output.ondragenter = output.ondragover = function (e) { e.preventDefault(); }; + output.ondrop = function (e) { + e.preventDefault(); + var drophtml = e.dataTransfer.getData('text/html').toUpperCase().replace(/\sSTYLE="[^"]*"/g,'').replace(/[\r\n]+/g,'\\n'); + var droptext = e.dataTransfer.getData('text/plain').replace(/[\r\n]+/g,'\\n'); + var expectedhtml = 'B'; + var expectedtext = 'B'; + if( drophtml != expectedhtml ) { + output.innerHTML = 'FAIL - normalised dropped HTML was:<br>'+drophtml.replace(/</g,'<'); + } else if( droptext != expectedtext ) { + output.innerHTML = 'FAIL - normalised dropped text was:<br>'+droptext.replace(/</g,'<'); + } else { + output.innerHTML = 'PASS'; + } + }; +}; + </script> + </head> + <body> + + <p>Select "B" in the text below.</p> + <div> + <p>ABC</p> + </div> + <div>Drag the selection and drop it here.</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-input-to-other-input.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-input-to-other-input.xhtml new file mode 100644 index 000000000..f005092f6 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-input-to-other-input.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the input field below. Copy of selection should end up in the input once you drop it there.</p> +<p><input value="Drag me"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-input-to-other-textarea.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-input-to-other-textarea.xhtml new file mode 100644 index 000000000..767e5a43e --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-input-to-other-textarea.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the textarea. Copy of selection should end up in the textarea once you drop it there.</p> +<p><input value="Drag me"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-input.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-input.xhtml new file mode 100644 index 000000000..9d12a89dd --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-input.xhtml @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +</head> +<body onload="document.querySelector('input').select()"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><input value="Drag me"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-textarea-to-other-blue-box.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-textarea-to-other-blue-box.xhtml new file mode 100644 index 000000000..6c76fbdbb --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-textarea-to-other-blue-box.xhtml @@ -0,0 +1,15 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +<style type="text/css"> +textarea + {height:1.5em; + width:7em;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> +<p><textarea>Drag me</textarea></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-textarea-to-other-input.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-textarea-to-other-input.xhtml new file mode 100644 index 000000000..287e3bb5e --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-textarea-to-other-input.xhtml @@ -0,0 +1,15 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +<style type="text/css"> +textarea + {height:1.5em; + width:7em;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the input field below. Copy of selection should end up in the input once you drop it there.</p> +<p><textarea>Drag me</textarea></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-textarea-to-other-textarea.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-textarea-to-other-textarea.xhtml new file mode 100644 index 000000000..c7eb54478 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/helper-drag-me-textarea-to-other-textarea.xhtml @@ -0,0 +1,15 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +<style type="text/css"> +textarea + {height:1.5em; + width:7em;} +</style> +</head> +<body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> +<p>Drag selected text to the textarea. Copy of selection should end up in the textarea once you drop it there.</p> +<p><textarea>Drag me</textarea></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/helper-drop-here-blue-box-contenteditable.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/helper-drop-here-blue-box-contenteditable.xhtml new file mode 100644 index 000000000..20f3820a1 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/helper-drop-here-blue-box-contenteditable.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +<style type="text/css"> +div[contenteditable] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body> +<div contenteditable="true"/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/helper-drop-here-blue-box.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/helper-drop-here-blue-box.xhtml new file mode 100644 index 000000000..ccd32c227 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/helper-drop-here-blue-box.xhtml @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +<style type="text/css"> +div[ondragenter] + {width:300px; + height:100px; + margin-top:20px; + padding:10px; + color:white; + background-color:navy;} +</style> +</head> +<body> +<div + ondragenter="event.preventDefault()" + ondragover="return false" + ondrop="document.querySelector('div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))" +/> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/helper-drop-here-input.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/helper-drop-here-input.xhtml new file mode 100644 index 000000000..8be631888 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/helper-drop-here-input.xhtml @@ -0,0 +1,15 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px;} +</style> +</head> +<body> +<p><input placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/helper-drop-here-textarea.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/helper-drop-here-textarea.xhtml new file mode 100644 index 000000000..cbe268374 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/helper-drop-here-textarea.xhtml @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +<style type="text/css"> +textarea + {width:300px; + height:100px; + margin-top:20px; + padding:10px;} +</style> +</head> +<body> +<p><textarea placeholder="Drop selection here"/></p> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/editing/dnd/selection/helper-scroll-then-drop-input.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/helper-scroll-then-drop-input.xhtml new file mode 100644 index 000000000..14c01ccac --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/selection/helper-scroll-then-drop-input.xhtml @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Selection drag and drop: helper file</title> +<style type="text/css"> +input[placeholder] + {width:300px; + height:50px;} +p:first-child + {margin-bottom:200px;} +</style> +</head> +<body> +<p>You should be able to drag selected text to the input at the bottom of scrollable container (dragging towards the bottom edge triggers scrolling).</p> +<input placeholder="Drop selection here"/> +<p>Copy of selection should end up in the input once you drop it there.</p> +</body> +</html>
\ No newline at end of file |