Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(485)

Unified Diff: LayoutTests/fast/css/readwrite-contenteditable-recalc.html

Issue 236753004: Re-land "Improve support for :read-only and :read-write pseudoclasses". (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/fast/css/readwrite-contenteditable-recalc.html
diff --git a/LayoutTests/fast/css/readwrite-contenteditable-recalc.html b/LayoutTests/fast/css/readwrite-contenteditable-recalc.html
new file mode 100644
index 0000000000000000000000000000000000000000..f830692319d94ad14b2c7e9e59956e757468cb9d
--- /dev/null
+++ b/LayoutTests/fast/css/readwrite-contenteditable-recalc.html
@@ -0,0 +1,53 @@
+<!doctype html>
+
+<script src='../../resources/js-test.js'></script>
+
+<style>
+ div:read-only, span:read-only { background-color: rgb(204, 255, 255); }
+ div:read-write, span:read-write { background-color: rgb(255, 204, 204); }
+</style>
+
+<div id="p1" contenteditable>Some parent text. <span id="c1a">Some <span id="c1b">child text.</span></span></div>
+<div id="p2">Some parent text. <span id="c2a">Some <span id="c2b">child text.</span></span></div>
+
+<script>
+
+ var readOnlyColor = '"rgb(204, 255, 255)"';
+ var readWriteColor = '"rgb(255, 204, 204)"';
+
+ var p1 = document.getElementById('p1');
+ var c1a = document.getElementById('c1a');
+ var c1b = document.getElementById('c1b');
+
+ var p2 = document.getElementById('p2');
+ var c2a = document.getElementById('c2a');
+ var c2b = document.getElementById('c2b');
+
+ var backgroundColorOf = function(elmName) {
+ return 'getComputedStyle('+elmName+')["background-color"]';
+ };
+
+ // Check initial computed style.
+
+ shouldBe(backgroundColorOf('p1'), readWriteColor);
+ shouldBe(backgroundColorOf('c1a'), readWriteColor);
+ shouldBe(backgroundColorOf('c1b'), readWriteColor);
+
+ shouldBe(backgroundColorOf('p2'), readOnlyColor);
+ shouldBe(backgroundColorOf('c2a'), readOnlyColor);
+ shouldBe(backgroundColorOf('c2b'), readOnlyColor);
+
+ p1.setAttribute("contenteditable", "false");
+ p2.setAttribute("contenteditable", "true");
+
+ // Check computed style after changing attribute.
+
+ shouldBe(backgroundColorOf('p1'), readOnlyColor);
+ shouldBe(backgroundColorOf('c1a'), readOnlyColor);
+ shouldBe(backgroundColorOf('c1b'), readOnlyColor);
+
+ shouldBe(backgroundColorOf('p2'), readWriteColor);
+ shouldBe(backgroundColorOf('c2a'), readWriteColor);
+ shouldBe(backgroundColorOf('c2b'), readWriteColor);
+
+</script>

Powered by Google App Engine
This is Rietveld 408576698