diff options
Diffstat (limited to 'test')
| -rw-r--r-- | test/img/bars.svg | 52 | ||||
| -rw-r--r-- | test/no-indicator-css.html | 16 | ||||
| -rw-r--r-- | test/yes-indicator-css.html | 11 |
3 files changed, 79 insertions, 0 deletions
diff --git a/test/img/bars.svg b/test/img/bars.svg new file mode 100644 index 00000000..7cb07e65 --- /dev/null +++ b/test/img/bars.svg @@ -0,0 +1,52 @@ +<svg width="16" height="16" viewBox="0 0 135 140" xmlns="http://www.w3.org/2000/svg" fill="#494949"> + <rect y="10" width="15" height="120" rx="6"> + <animate attributeName="height" + begin="0.5s" dur="1s" + values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" + repeatCount="indefinite" /> + <animate attributeName="y" + begin="0.5s" dur="1s" + values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" + repeatCount="indefinite" /> + </rect> + <rect x="30" y="10" width="15" height="120" rx="6"> + <animate attributeName="height" + begin="0.25s" dur="1s" + values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" + repeatCount="indefinite" /> + <animate attributeName="y" + begin="0.25s" dur="1s" + values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" + repeatCount="indefinite" /> + </rect> + <rect x="60" width="15" height="140" rx="6"> + <animate attributeName="height" + begin="0s" dur="1s" + values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" + repeatCount="indefinite" /> + <animate attributeName="y" + begin="0s" dur="1s" + values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" + repeatCount="indefinite" /> + </rect> + <rect x="90" y="10" width="15" height="120" rx="6"> + <animate attributeName="height" + begin="0.25s" dur="1s" + values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" + repeatCount="indefinite" /> + <animate attributeName="y" + begin="0.25s" dur="1s" + values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" + repeatCount="indefinite" /> + </rect> + <rect x="120" y="10" width="15" height="120" rx="6"> + <animate attributeName="height" + begin="0.5s" dur="1s" + values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" + repeatCount="indefinite" /> + <animate attributeName="y" + begin="0.5s" dur="1s" + values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" + repeatCount="indefinite" /> + </rect> +</svg> diff --git a/test/no-indicator-css.html b/test/no-indicator-css.html new file mode 100644 index 00000000..04f820a3 --- /dev/null +++ b/test/no-indicator-css.html @@ -0,0 +1,16 @@ +<html lang="en"> +<head> + <meta charset="utf-8" /> + <meta name="kutty-config" content='{"includeIndicatorStyles":false}'> + <title>Test if the includeIndicatorStyles meta option works</title> + <script src="../src/kutty.js"></script> +</head> +<body> + <h1>You should see bars here:</h1> + <p> + We are overriding the normal CSS inclusion with the meta directive <code>{"includeIndicatorStyles":false}</code> + so you should see the indicator because it is not being hidden by the default classes. + </p> + <img class="kutty-indicator" src="img/bars.svg" width="200"> +</body> +</html> diff --git a/test/yes-indicator-css.html b/test/yes-indicator-css.html new file mode 100644 index 00000000..bbd0b183 --- /dev/null +++ b/test/yes-indicator-css.html @@ -0,0 +1,11 @@ +<html lang="en"> +<head> + <meta charset="utf-8" /> + <title>Test if indicators are invisible by default</title> + <script src="../src/kutty.js"></script> +</head> +<body> + <h1>You should not see bars here:</h1> + <img class="kutty-indicator" src="img/bars.svg" width="200"> +</body> +</html> |
