aboutsummaryrefslogtreecommitdiff
path: root/contexts/data/lib/closure-library/closure/goog/ui/emoji/fast_progressive_emojipicker_test.html
diff options
context:
space:
mode:
Diffstat (limited to 'contexts/data/lib/closure-library/closure/goog/ui/emoji/fast_progressive_emojipicker_test.html')
-rw-r--r--contexts/data/lib/closure-library/closure/goog/ui/emoji/fast_progressive_emojipicker_test.html256
1 files changed, 0 insertions, 256 deletions
diff --git a/contexts/data/lib/closure-library/closure/goog/ui/emoji/fast_progressive_emojipicker_test.html b/contexts/data/lib/closure-library/closure/goog/ui/emoji/fast_progressive_emojipicker_test.html
deleted file mode 100644
index 01d64c9..0000000
--- a/contexts/data/lib/closure-library/closure/goog/ui/emoji/fast_progressive_emojipicker_test.html
+++ /dev/null
@@ -1,256 +0,0 @@
-<!DOCTYPE html>
-<html>
-<!--
-Copyright 2008 The Closure Library Authors. All Rights Reserved.
-
-Use of this source code is governed by the Apache License, Version 2.0.
-See the COPYING file for details.
--->
-<head>
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<title>Closure Unit Tests - goog.ui.emoji.EmojiPicker</title>
-<script src="../../base.js"></script>
-<script>
- goog.require('goog.dom');
- goog.require('goog.testing.AsyncTestCase');
- goog.require('goog.testing.jsunit');
- goog.require('goog.ui.emoji.EmojiPicker');
- goog.require('goog.ui.emoji.SpriteInfo');
-</script>
- <link rel="stylesheet" href="../../demos/css/emojisprite.css" />
-</head>
-<body>
-
-<script>
-
-var sprite = '../../demos/emoji/sprite.png';
-var sprite2 = '../../demos/emoji/sprite2.png';
-
-/**
- * Creates a SpriteInfo object with the specified properties. If the image is
- * sprited via CSS, then only the first parameter needs a value. If the image
- * is sprited via metadata, then the first parameter should be left null.
- *
- * @param {?string} cssClass CSS class to properly display the sprited image.
- * @param {string=} opt_url Url of the sprite image.
- * @param {number=} opt_width Width of the image being sprited.
- * @param {number=} opt_height Height of the image being sprited.
- * @param {number=} opt_xOffset Positive x offset of the image being sprited
- * within the sprite.
- * @param {number=} opt_yOffset Positive y offset of the image being sprited
- * within the sprite.
- * @param {boolean=} opt_animated Whether the sprite info is for an animated
- * emoji.
- */
-function si(cssClass, opt_url, opt_width, opt_height, opt_xOffset,
- opt_yOffset, opt_animated) {
- return new goog.ui.emoji.SpriteInfo(cssClass, opt_url, opt_width,
- opt_height, opt_xOffset, opt_yOffset, opt_animated);
-}
-
-// This group contains a mix of sprited emoji via css, sprited emoji via
-// metadata, and non-sprited emoji.
-var spritedEmoji2 = [
- 'Emoji 1',
- [
- ['../../demos/emoji/200.gif', 'std.200', si('SPRITE_200')],
- ['../../demos/emoji/201.gif', 'std.201', si('SPRITE_201')],
- ['../../demos/emoji/202.gif', 'std.202', si('SPRITE_202')],
- ['../../demos/emoji/203.gif', 'std.203', si('SPRITE_203')],
- ['../../demos/emoji/204.gif', 'std.204', si('SPRITE_204')],
- ['../../demos/emoji/205.gif', 'std.205', si('SPRITE_205')],
- ['../../demos/emoji/206.gif', 'std.206', si('SPRITE_206')],
- ['../../demos/emoji/2BC.gif', 'std.2BC', si('SPRITE_2BC')],
- ['../../demos/emoji/2BD.gif', 'std.2BD', si('SPRITE_2BD')],
- ['../../demos/emoji/2BE.gif', 'std.2BE',
- si(null, sprite, 18, 18, 36, 54)],
- ['../../demos/emoji/2BF.gif', 'std.2BF',
- si(null, sprite, 18, 18, 0, 126)],
- ['../../demos/emoji/2C0.gif', 'std.2C0',
- si(null, sprite, 18, 18, 18, 305)],
- ['../../demos/emoji/2C1.gif', 'std.2C1',
- si(null, sprite, 18, 18, 0, 287)],
- ['../../demos/emoji/2C2.gif', 'std.2C2',
- si(null, sprite, 18, 18, 18, 126)],
- ['../../demos/emoji/2C3.gif', 'std.2C3',
- si(null, sprite, 18, 18, 36, 234)],
- ['../../demos/emoji/2C4.gif', 'std.2C4',
- si(null, sprite, 18, 18, 36, 72)],
- ['../../demos/emoji/2C5.gif', 'std.2C5',
- si(null, sprite, 18, 18, 54, 54)],
- ['../../demos/emoji/2C6.gif', 'std.2C6'],
- ['../../demos/emoji/2C7.gif', 'std.2C7'],
- ['../../demos/emoji/2C8.gif', 'std.2C8'],
- ['../../demos/emoji/2C9.gif', 'std.2C9'],
- ['../../demos/emoji/2CA.gif', 'std.2CA',
- si(null, sprite2, 18, 20, 36, 72, 1)],
- ['../../demos/emoji/2E3.gif', 'std.2E3',
- si(null, sprite2, 18, 18, 0, 0, 1)],
- ['../../demos/emoji/2EF.gif', 'std.2EF',
- si(null, sprite2, 18, 20, 0, 300, 1)],
- ['../../demos/emoji/2F1.gif', 'std.2F1',
- si(null, sprite2, 18, 18, 0, 320, 1)]
- ]];
-
-
-/**
- * Returns true if the two paths end with the same file.
- *
- * E.g., ('../../cool.gif', 'file:///home/usr/somewhere/cool.gif') --> true
- *
- * @param {string} path1 First url
- * @param {string} path2 Second url
- */
-function checkPathsEndWithSameFile(path1, path2) {
- var pieces1 = path1.split('/');
- var file1 = pieces1[pieces1.length - 1];
- var pieces2 = path2.split('/');
- var file2 = pieces2[pieces2.length - 1];
-
- return file1 == file2;
-}
-
-
-/**
- * Checks and verifies the structure of a progressive fast-loading picker
- * after the animated emoji have loaded.
- *
- * @param {goog.ui.emoji.EmojiPalette} palette Emoji palette to check.
- * @param {Array.<Array.<string>>} emoji Emoji that should be in the palette.
- * @param {Object} images Map of id -> Image for the images loaded in this
- * picker.
- */
-function checkPostLoadStructureForFastLoadProgressivePicker(palette,
- emoji,
- images) {
- for (var i = 0; i < emoji[1].length; i++) {
- palette.setSelectedIndex(i);
- var emojiInfo = emoji[1][i];
- var cell = palette.getSelectedItem();
- var id = cell.getAttribute(goog.ui.emoji.Emoji.ATTRIBUTE);
- var inner = cell.firstChild;
-
- // Check that the cell is a div wrapped around something else, and that the
- // outer div contains the goomoji attribute
- assertEquals('The palette item should be a div wrapped around something',
- cell.tagName, "DIV");
- assertNotNull('The outer div is not wrapped around another element', inner);
- assertEquals('The palette item should have the goomoji attribute',
- cell.getAttribute(goog.ui.emoji.Emoji.ATTRIBUTE), emojiInfo[1]);
-
- // Now check the contents of the cells
- var url = emojiInfo[0]; // url of the animated emoji
- var spriteInfo = emojiInfo[2];
- if (spriteInfo) {
- if (spriteInfo.isAnimated()) {
- var testImg = images[id];
- var img = inner.firstChild;
- checkPathsEndWithSameFile(img.src, url);
- assertEquals(testImg.width, img.width);
- assertEquals(testImg.height, img.height);
- assertEquals('0', goog.style.getStyle(img, 'left').replace(/px/g, '').
- replace(/pt/g, ''));
- assertEquals('0', goog.style.getStyle(img, 'top').replace(/px/g, '').
- replace(/pt/g, ''));
- } else {
- var cssClass = spriteInfo.getCssClass();
- if (cssClass) {
- assertEquals("DIV", inner.tagName);
- assertTrue('Sprite should have its CSS class set',
- goog.dom.classes.has(inner, cssClass));
- } else {
- // There's an inner div wrapping an img tag
- assertEquals("DIV", inner.tagName);
- var img = inner.firstChild;
- assertNotNull('Div should be wrapping something', img);
- assertEquals("IMG", img.tagName);
- checkPathsEndWithSameFile(img.src, spriteInfo.getUrl());
- assertEquals(spriteInfo.getWidthCssValue(),
- goog.style.getStyle(inner, 'width'));
- assertEquals(spriteInfo.getHeightCssValue(),
- goog.style.getStyle(inner, 'height'));
- assertEquals(spriteInfo.getXOffsetCssValue().replace(/px/, '').
- replace(/pt/, ''),
- goog.style.getStyle(img, 'left').replace(/px/, '').
- replace(/pt/, ''));
- assertEquals(spriteInfo.getYOffsetCssValue().replace(/px/, '').
- replace(/pt/, ''),
- goog.style.getStyle(img, 'top').replace(/px/, '').
- replace(/pt/, ''));
- }
- }
- } else {
- // A non-sprited emoji is just an img
- assertEquals(inner.tagName, "IMG");
- checkPathsEndWithSameFile(inner.src, emojiInfo[0]);
- }
- }
-}
-
-var testCase = new goog.testing.AsyncTestCase(document.title);
-testCase.stepTimeout = 4 * 1000;
-
-testCase.setUpPage = function() {
- testCase.waitForAsync('setUpPage');
- var defaultImg = '../../demos/emoji/none.gif';
- this.picker = new goog.ui.emoji.EmojiPicker(defaultImg);
- this.picker.setDelayedLoad(false);
- this.picker.setManualLoadOfAnimatedEmoji(true);
- this.picker.setProgressiveRender(true);
- this.picker.addEmojiGroup(spritedEmoji2[0], spritedEmoji2[1]);
- this.picker.render();
-
- this.palette = this.picker.getPage(0);
- var imageLoader = this.palette.getImageLoader();
- this.images = {};
-
- goog.events.listen(imageLoader, goog.net.EventType.COMPLETE,
- this.onImageLoaderComplete, false, this);
- goog.events.listen(imageLoader, goog.events.EventType.LOAD,
- this.onImageLoaded, false, this);
-
- // Now we load the animated emoji and check the structure again. The animated
- // emoji will be different.
- this.picker.manuallyLoadAnimatedEmoji();
-
- this.add(new goog.testing.TestCase.Test('test', this.testStructure, this));
-};
-
-testCase.onImageLoaded = function(e) {
- var image = e.target;
- this.log('Image loaded: ' + image.src);
- this.images[image.id] = image;
-};
-
-testCase.onImageLoaderComplete = function(e) {
- this.log('Image loading complete');
- this.continueTesting();
-};
-
-testCase.tearDownPage = function() {
- this.picker.dispose();
-};
-
-testCase.testStructure = function() {
- // Bug 2280968
- this.log('Not testing emojipicker structure');
- return;
-
- this.log('Testing emojipicker structure');
- checkPostLoadStructureForFastLoadProgressivePicker(this.palette,
- spritedEmoji2, this.images);
-};
-
-function setUpPage() {
- testCase.runTests();
-}
-
-// Standalone Closure Test Runner.
-if (typeof G_testRunner != 'undefined') {
- G_testRunner.initialize(testCase);
-}
-
-
-</script>
-</body>
-</html>
generated by cgit v1.2.3 (git 2.39.1) at 2024-05-28 23:40:33 +0000