reftests: Add border-image-repeat

Tests that border-image-repeat is rendered correctly.
The reftest is done via toolbars stuffed into a GtkFixed using
background-image and images tuned for it.
This commit is contained in:
Benjamin Otte
2011-06-09 04:48:40 +02:00
parent 3ef4a3d46f
commit 9affa9fc4d
11 changed files with 3010 additions and 0 deletions

View File

@@ -26,9 +26,20 @@ clean-local:
EXTRA_DIST += \
align-expand.sh \
border-image-ball-green.png \
border-image-ball-red.png \
border-image-ball-yellow.png \
border-image-balls.png \
border-image-3-balls-green.png \
border-image-3-balls-yellow.png \
border-image-gradient.css \
border-image-gradient.ref.ui \
border-image-gradient.ui \
border-image-repeat.css \
border-image-repeat.ref.png \
border-image-repeat.ref.ui \
border-image-repeat.sh \
border-image-repeat.ui \
border-image-url.css \
border-image-url.ref.ui \
border-image-url.ui \

Binary file not shown.

After

Width:  |  Height:  |  Size: 831 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 775 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 787 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 773 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 707 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@@ -0,0 +1,59 @@
* {
engine: none;
background-image: none;
padding: 0;
border-radius: 0;
border-width: 0;
border-style: none;
background-color: rgba(0,0,0,0);
}
GtkWindow,
GtkEventBox {
background-color: #000;
}
GtkButton {
border-image-source: url("border-image-balls.png");
border-image-slice: 20;
border-image-repeat: stretch;
border-width: 5;
border-style: solid;
}
.stretch-stretch { border-image-repeat: stretch stretch }
.stretch-repeat { border-image-repeat: stretch repeat }
.stretch-round { border-image-repeat: stretch round }
.stretch-space { border-image-repeat: stretch space }
.repeat-stretch { border-image-repeat: repeat stretch }
.repeat-repeat { border-image-repeat: repeat repeat }
.repeat-round { border-image-repeat: repeat round }
.repeat-space { border-image-repeat: repeat space }
.round-stretch { border-image-repeat: round stretch }
.round-repeat { border-image-repeat: round repeat }
.round-round { border-image-repeat: round round }
.round-space { border-image-repeat: round space }
.space-stretch { border-image-repeat: space stretch }
.space-repeat { border-image-repeat: space repeat }
.space-round { border-image-repeat: space round }
.space-space { border-image-repeat: space space }
#red {
background-image: url("border-image-ball-red.png");
}
#yellow {
background-image: url("border-image-ball-yellow.png");
}
#yellow-3 {
background-image: url("border-image-3-balls-yellow.png");
}
#green {
background-image: url("border-image-ball-green.png");
}
#green-3 {
background-image: url("border-image-3-balls-green.png");
}

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,238 @@
#!/bin/bash
cat << EOF
<?xml version="1.0" encoding="UTF-8"?>
<interface>
<!-- interface-requires gtk+ 3.0 -->
<object class="GtkWindow" id="window1">
<property name="can_focus">False</property>
<property name="type">popup</property>
<child>
<object class="GtkFixed" id="fixed1">
<property name="visible">True</property>
<property name="can_focus">False</property>
EOF
y=0
for vrepeat in stretch repeat round space; do
x=0
for hrepeat in stretch repeat round space; do
for side in 0 1; do
case $hrepeat in
"stretch")
cat << EOF
<child>
<object class="GtkToolbar" id="toolbar-$hrepeat-$vrepeat-hstretch$side">
<property name="name">yellow</property>
<property name="width_request">13</property>
<property name="height_request">5</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="show_arrow">False</property>
</object>
<packing>
<property name="x">`expr $x \* 25 + 5`</property>
<property name="y">`expr $y \* 25 + $side \* 18`</property>
</packing>
</child>
EOF
;;
"repeat")
cat << EOF
<child>
<object class="GtkToolbar" id="toolbar-$hrepeat-$vrepeat-hrepeat$side">
<property name="name">yellow-3</property>
<property name="width_request">15</property>
<property name="height_request">5</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="show_arrow">False</property>
</object>
<packing>
<property name="x">`expr $x \* 25 + 4`</property>
<property name="y">`expr $y \* 25 + $side \* 18`</property>
</packing>
</child>
EOF
;;
"round")
cat << EOF
<child>
<object class="GtkToolbar" id="toolbar-$hrepeat-$vrepeat-hround$side">
<property name="name">yellow-3</property>
<property name="width_request">13</property>
<property name="height_request">5</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="show_arrow">False</property>
</object>
<packing>
<property name="x">`expr $x \* 25 + 5`</property>
<property name="y">`expr $y \* 25 + $side \* 18`</property>
</packing>
</child>
EOF
;;
"space")
cat << EOF
<child>
<object class="GtkToolbar" id="toolbar-$hrepeat-$vrepeat-hspace0$side">
<property name="name">yellow</property>
<property name="width_request">5</property>
<property name="height_request">5</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="show_arrow">False</property>
</object>
<packing>
<property name="x">`expr $x \* 25 + 6`</property>
<property name="y">`expr $y \* 25 + $side \* 18`</property>
</packing>
</child>
<child>
<object class="GtkToolbar" id="toolbar-$hrepeat-$vrepeat-hspace1$side">
<property name="name">yellow</property>
<property name="width_request">5</property>
<property name="height_request">5</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="show_arrow">False</property>
</object>
<packing>
<property name="x">`expr $x \* 25 + 12`</property>
<property name="y">`expr $y \* 25 + $side \* 18`</property>
</packing>
</child>
EOF
esac
case $vrepeat in
"stretch")
cat << EOF
<child>
<object class="GtkToolbar" id="toolbar-$hrepeat-$vrepeat-vstretch$side">
<property name="name">green</property>
<property name="width_request">5</property>
<property name="height_request">13</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="show_arrow">False</property>
</object>
<packing>
<property name="x">`expr $x \* 25 + $side \* 18`</property>
<property name="y">`expr $y \* 25 + 5`</property>
</packing>
</child>
EOF
;;
"repeat")
cat << EOF
<child>
<object class="GtkToolbar" id="toolbar-$hrepeat-$vrepeat-vrepeat$side">
<property name="name">green-3</property>
<property name="width_request">5</property>
<property name="height_request">15</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="show_arrow">False</property>
</object>
<packing>
<property name="x">`expr $x \* 25 + $side \* 18`</property>
<property name="y">`expr $y \* 25 + 4`</property>
</packing>
</child>
EOF
;;
"round")
cat << EOF
<child>
<object class="GtkToolbar" id="toolbar-$hrepeat-$vrepeat-vround$side">
<property name="name">green-3</property>
<property name="width_request">5</property>
<property name="height_request">13</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="show_arrow">False</property>
</object>
<packing>
<property name="x">`expr $x \* 25 + $side \* 18`</property>
<property name="y">`expr $y \* 25 + 5`</property>
</packing>
</child>
EOF
;;
"space")
cat << EOF
<child>
<object class="GtkToolbar" id="toolbar-$hrepeat-$vrepeat-vspace0$side">
<property name="name">green</property>
<property name="width_request">5</property>
<property name="height_request">5</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="show_arrow">False</property>
</object>
<packing>
<property name="x">`expr $x \* 25 + $side \* 18`</property>
<property name="y">`expr $y \* 25 + 6`</property>
</packing>
</child>
<child>
<object class="GtkToolbar" id="toolbar-$hrepeat-$vrepeat-vspace1$side">
<property name="name">green</property>
<property name="width_request">5</property>
<property name="height_request">5</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="show_arrow">False</property>
</object>
<packing>
<property name="x">`expr $x \* 25 + $side \* 18`</property>
<property name="y">`expr $y \* 25 + 12`</property>
</packing>
</child>
EOF
esac
done
for ycorner in 0 1; do
for xcorner in 0 1; do
cat << EOF
<child>
<object class="GtkEventBox" id="eventbox-corner-$hrepeat-$vrepeat-$xcorner$ycorner">
<property name="visible">True</property>
<property name="can_focus">False</property>
<child>
<object class="GtkToolbar" id="toolbar-corner-$hrepeat-$vrepeat-$xcorner$ycorner">
<property name="name">red</property>
<property name="width_request">5</property>
<property name="height_request">5</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="show_arrow">False</property>
</object>
</child>
</object>
<packing>
<property name="x">`expr $x \* 25 + $xcorner \* 18`</property>
<property name="y">`expr $y \* 25 + $ycorner \* 18`</property>
</packing>
</child>
EOF
done
done
x=`expr $x + 1`
done
y=`expr $y + 1`
done
cat << EOF
</object>
</child>
</object>
</interface>
EOF

View File

@@ -0,0 +1,288 @@
<?xml version="1.0" encoding="UTF-8"?>
<interface>
<!-- interface-requires gtk+ 3.0 -->
<object class="GtkWindow" id="window1">
<property name="can_focus">False</property>
<property name="type">popup</property>
<child>
<object class="GtkGrid" id="grid2">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="row_spacing">2</property>
<property name="column_spacing">2</property>
<child>
<object class="GtkButton" id="eventbox1">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="stretch-stretch" />
</style>
</object>
<packing>
<property name="left_attach">0</property>
<property name="top_attach">0</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox2">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="stretch-repeat" />
</style>
</object>
<packing>
<property name="left_attach">0</property>
<property name="top_attach">1</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox3">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="stretch-round" />
</style>
</object>
<packing>
<property name="left_attach">0</property>
<property name="top_attach">2</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox4">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="stretch-space" />
</style>
</object>
<packing>
<property name="left_attach">0</property>
<property name="top_attach">3</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox5">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="repeat-stretch" />
</style>
</object>
<packing>
<property name="left_attach">1</property>
<property name="top_attach">0</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox6">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="repeat-repeat" />
</style>
</object>
<packing>
<property name="left_attach">1</property>
<property name="top_attach">1</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox7">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="repeat-round" />
</style>
</object>
<packing>
<property name="left_attach">1</property>
<property name="top_attach">2</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox8">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="repeat-space" />
</style>
</object>
<packing>
<property name="left_attach">1</property>
<property name="top_attach">3</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox9">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="round-stretch" />
</style>
</object>
<packing>
<property name="left_attach">2</property>
<property name="top_attach">0</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox10">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="round-repeat" />
</style>
</object>
<packing>
<property name="left_attach">2</property>
<property name="top_attach">1</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox11">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="round-round" />
</style>
</object>
<packing>
<property name="left_attach">2</property>
<property name="top_attach">2</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox12">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="round-space" />
</style>
</object>
<packing>
<property name="left_attach">2</property>
<property name="top_attach">3</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox13">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="space-stretch" />
</style>
</object>
<packing>
<property name="left_attach">3</property>
<property name="top_attach">0</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox14">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="space-repeat" />
</style>
</object>
<packing>
<property name="left_attach">3</property>
<property name="top_attach">1</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox15">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="space-round" />
</style>
</object>
<packing>
<property name="left_attach">3</property>
<property name="top_attach">2</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="eventbox16">
<property name="width_request">23</property>
<property name="height_request">23</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<style>
<class name="space-space" />
</style>
</object>
<packing>
<property name="left_attach">3</property>
<property name="top_attach">3</property>
<property name="width">1</property>
<property name="height">1</property>
</packing>
</child>
</object>
</child>
</object>
</interface>