From 0cd6710da07e1be48cb30e40e669d46808fc22bf Mon Sep 17 00:00:00 2001 From: Cosimo Cecchi Date: Fri, 11 May 2012 10:30:46 -0400 Subject: [PATCH] reftests: add a reftest for multiple background layers --- tests/reftests/Makefile.am | 3 + tests/reftests/background-image-multiple.css | 50 +++++++ .../reftests/background-image-multiple.ref.ui | 126 ++++++++++++++++++ tests/reftests/background-image-multiple.ui | 72 ++++++++++ 4 files changed, 251 insertions(+) create mode 100644 tests/reftests/background-image-multiple.css create mode 100644 tests/reftests/background-image-multiple.ref.ui create mode 100644 tests/reftests/background-image-multiple.ui diff --git a/tests/reftests/Makefile.am b/tests/reftests/Makefile.am index 2c5fe8c013..30eb1d09ef 100644 --- a/tests/reftests/Makefile.am +++ b/tests/reftests/Makefile.am @@ -32,6 +32,9 @@ EXTRA_DIST += \ background-color-transparent.css \ background-color-transparent.ref.ui \ background-color-transparent.ui \ + background-image-multiple.css \ + background-image-multiple.ref.ui \ + background-image-multiple.ui \ background-origin.css \ background-origin.ref.ui \ background-origin.ui \ diff --git a/tests/reftests/background-image-multiple.css b/tests/reftests/background-image-multiple.css new file mode 100644 index 0000000000..69efbba95f --- /dev/null +++ b/tests/reftests/background-image-multiple.css @@ -0,0 +1,50 @@ +@import "reset-to-defaults.css"; + +#button1 { + background-image: linear-gradient(alpha(red, 0.50)), linear-gradient(green); +} + +#button2 { + background-color: green; + background-image: linear-gradient(alpha(red, 0.50)), linear-gradient(transparent); +} + +#button3 { + padding: 12px; + background-image: linear-gradient(alpha(red, 0.50)), linear-gradient(green); + background-clip: content-box; +} + +#button4 { + padding: 12px; + background-image: linear-gradient(red), linear-gradient(green); + background-clip: content-box, padding-box; +} + +#button5 { + padding: 12px; + background-image: linear-gradient(red), linear-gradient(transparent); + background-clip: content-box, padding-box; + background-color: green; +} + +#ref1, +#ref2 { + background-color: #807f00; +} + +#ref3 { + padding: 12px; + background-color: #807f00; + background-clip: content-box; +} + +#ref4-bg, +#ref5-bg { + background-color: green; +} + +#ref4-fg, +#ref5-fg { + background-color: red; +} diff --git a/tests/reftests/background-image-multiple.ref.ui b/tests/reftests/background-image-multiple.ref.ui new file mode 100644 index 0000000000..c4cf4fe134 --- /dev/null +++ b/tests/reftests/background-image-multiple.ref.ui @@ -0,0 +1,126 @@ + + + + + False + popup + + + True + False + vertical + 5 + 5 + + + ref1 + True + True + True + False + 144 + 70 + + + + + ref2 + True + True + True + False + 144 + 70 + + + + + ref3 + True + True + True + False + 144 + 70 + + + + + True + False + 144 + 70 + + + ref4-bg + True + True + True + False + 144 + 70 + + + 0 + 0 + + + + + ref4-fg + True + True + True + False + 120 + 46 + + + 12 + 12 + + + + + + + True + False + 144 + 70 + + + ref5-bg + True + True + True + False + 144 + 70 + + + 0 + 0 + + + + + ref5-fg + True + True + True + False + 120 + 46 + + + 12 + 12 + + + + + + + + diff --git a/tests/reftests/background-image-multiple.ui b/tests/reftests/background-image-multiple.ui new file mode 100644 index 0000000000..7ee4311062 --- /dev/null +++ b/tests/reftests/background-image-multiple.ui @@ -0,0 +1,72 @@ + + + + + False + popup + + + True + False + vertical + 5 + 5 + + + button1 + True + True + True + False + 144 + 70 + + + + + button2 + True + True + True + False + 144 + 70 + + + + + button3 + True + True + True + False + 144 + 70 + + + + + button4 + True + True + True + False + 144 + 70 + + + + + button5 + True + True + True + False + 144 + 70 + + + + + +