mirror of
				https://github.com/zulip/zulip.git
				synced 2025-11-04 14:03:30 +00:00 
			
		
		
		
	- Add file_name field to `RealmEmoji` model and migration. - Add emoji upload supporting to Upload backends. - Add uploaded file processing to emoji views. - Use emoji source url as based for display url. - Change emoji form for image uploading. - Fix back-end tests. - Fix front-end tests. - Add tests for emoji uploading. Fixes #1134
		
			
				
	
	
		
			305 lines
		
	
	
		
			12 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			305 lines
		
	
	
		
			12 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
var common = require('../casper_lib/common.js').common;
 | 
						|
 | 
						|
common.start_and_log_in();
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    var menu_selector = '#settings-dropdown';
 | 
						|
    casper.waitUntilVisible(menu_selector, function () {
 | 
						|
        casper.click(menu_selector);
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.test.info('Organization page');
 | 
						|
    casper.click('a[href^="#organization"]');
 | 
						|
});
 | 
						|
 | 
						|
casper.waitForSelector('#settings_overlay_container.show', function () {
 | 
						|
    casper.test.info('Organization page is active');
 | 
						|
    casper.test.assertUrlMatch(/^http:\/\/[^/]+\/#organization/, 'URL suggests we are on organization page');
 | 
						|
});
 | 
						|
 | 
						|
// Test setting limiting stream creation to administrators
 | 
						|
casper.waitForSelector('input[type="checkbox"][id="id_realm_create_stream_by_admins_only"]', function () {
 | 
						|
    casper.click('input[type="checkbox"][id="id_realm_create_stream_by_admins_only"]');
 | 
						|
    casper.click('form.admin-realm-form button.button');
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    // Test setting was activated
 | 
						|
    casper.waitUntilVisible('#admin-realm-create-stream-by-admins-only-status', function () {
 | 
						|
        casper.test.assertSelectorHasText('#admin-realm-create-stream-by-admins-only-status',
 | 
						|
                                          'Only administrators may now create new streams!');
 | 
						|
        casper.test.assertEval(function () {
 | 
						|
            return document.querySelector('input[type="checkbox"][id="id_realm_create_stream_by_admins_only"]').checked;
 | 
						|
        }, 'Only admins may create streams Setting activated');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    // Leave the page and return
 | 
						|
    casper.click('#settings-dropdown');
 | 
						|
    casper.click('a[href^="#streams"]');
 | 
						|
    casper.click('#settings-dropdown');
 | 
						|
    casper.click('a[href^="#organization"]');
 | 
						|
});
 | 
						|
 | 
						|
casper.waitUntilVisible('input[type="checkbox"][id="id_realm_create_stream_by_admins_only"]', function () {
 | 
						|
    // Test Setting was saved
 | 
						|
    casper.test.assertEval(function () {
 | 
						|
        return document.querySelector('input[type="checkbox"][id="id_realm_create_stream_by_admins_only"]').checked;
 | 
						|
    }, 'Only admins may create streams Setting saved');
 | 
						|
 | 
						|
    // Deactivate setting
 | 
						|
    casper.click('input[type="checkbox"][id="id_realm_create_stream_by_admins_only"]');
 | 
						|
    casper.click('form.admin-realm-form button.button');
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.waitUntilVisible('#admin-realm-create-stream-by-admins-only-status', function () {
 | 
						|
        casper.test.assertSelectorHasText('#admin-realm-create-stream-by-admins-only-status', 'Any user may now create new streams!');
 | 
						|
        casper.test.assertEval(function () {
 | 
						|
            return !(document.querySelector('input[type="checkbox"][id="id_realm_create_stream_by_admins_only"]').checked);
 | 
						|
        }, 'Only admins may create streams Setting deactivated');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    // Test custom realm emoji
 | 
						|
    casper.click("li[data-section='emoji-settings']");
 | 
						|
    casper.waitUntilVisible('.admin-emoji-form', function () {
 | 
						|
        casper.fill('form.admin-emoji-form', {
 | 
						|
            name: 'MouseFace',
 | 
						|
            emoji_file_input: 'static/images/logo/zulip-icon-128x128.png',
 | 
						|
        }, true);
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.waitUntilVisible('div#admin-emoji-status', function () {
 | 
						|
        casper.test.assertSelectorHasText('div#admin-emoji-status', 'Custom emoji added!');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.waitUntilVisible('.emoji_row', function () {
 | 
						|
        casper.test.assertSelectorHasText('.emoji_row .emoji_name', 'MouseFace');
 | 
						|
        casper.test.assertExists('.emoji_row img[src="/user_avatars/1/emoji/MouseFace.png"]');
 | 
						|
        casper.click('.emoji_row button.delete');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.waitWhileVisible('.emoji_row', function () {
 | 
						|
        casper.test.assertDoesntExist('.emoji_row');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
// Test custom realm filters
 | 
						|
casper.then(function () {
 | 
						|
    casper.click("li[data-section='filter-settings']");
 | 
						|
    casper.waitUntilVisible('.admin-filter-form', function () {
 | 
						|
        casper.fill('form.admin-filter-form', {
 | 
						|
            pattern: '#(?P<id>[0-9]+)',
 | 
						|
            url_format_string: 'https://trac.example.com/ticket/%(id)s',
 | 
						|
        });
 | 
						|
        casper.click('form.admin-filter-form button.button');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.waitUntilVisible('div#admin-filter-status', function () {
 | 
						|
        casper.test.assertSelectorHasText('div#admin-filter-status', 'Custom filter added!');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.waitUntilVisible('.filter_row', function () {
 | 
						|
        casper.test.assertSelectorHasText('.filter_row span.filter_pattern', '#(?P<id>[0-9]+)');
 | 
						|
        casper.test.assertSelectorHasText('.filter_row span.filter_url_format_string', 'https://trac.example.com/ticket/%(id)s');
 | 
						|
        casper.click('.filter_row button');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.waitWhileVisible('.filter_row', function () {
 | 
						|
        casper.test.assertDoesntExist('.filter_row');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.waitUntilVisible('.admin-filter-form', function () {
 | 
						|
        casper.fill('form.admin-filter-form', {
 | 
						|
            pattern: 'a$',
 | 
						|
            url_format_string: 'https://trac.example.com/ticket/%(id)s',
 | 
						|
        });
 | 
						|
        casper.click('form.admin-filter-form button.button');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.waitUntilVisible('div#admin-filter-pattern-status', function () {
 | 
						|
        casper.test.assertSelectorHasText('div#admin-filter-pattern-status', 'Failed: Invalid filter pattern, you must use the following format OPTIONAL_PREFIX(?P<id>.+)');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
var stream_name = "Scotland";
 | 
						|
function get_suggestions(str) {
 | 
						|
    casper.then(function () {
 | 
						|
        casper.evaluate(function (str) {
 | 
						|
            $('.create_default_stream')
 | 
						|
            .focus()
 | 
						|
            .val(str)
 | 
						|
            .trigger($.Event('keyup', { which: 0 }));
 | 
						|
        }, str);
 | 
						|
    });
 | 
						|
}
 | 
						|
 | 
						|
function select_from_suggestions(item) {
 | 
						|
    casper.then(function () {
 | 
						|
        casper.evaluate(function (item) {
 | 
						|
            var tah = $('.create_default_stream').data().typeahead;
 | 
						|
            tah.mouseenter({
 | 
						|
                currentTarget: $('.typeahead:visible li:contains("'+item+'")')[0],
 | 
						|
            });
 | 
						|
            tah.select();
 | 
						|
        }, {item: item});
 | 
						|
    });
 | 
						|
}
 | 
						|
 | 
						|
// Test default stream creation and addition
 | 
						|
casper.then(function () {
 | 
						|
    casper.click("li[data-section='default-streams-list']");
 | 
						|
    casper.waitUntilVisible(".create_default_stream", function () {
 | 
						|
        // It matches with all the stream names which has 'O' as a substring (Rome, Scotland, Verona
 | 
						|
        // etc). 'O' is used to make sure that it works even if there are multiple suggestions.
 | 
						|
        // Uppercase 'O' is used instead of the lowercase version to make sure that the suggestions
 | 
						|
        // are case insensitive.
 | 
						|
        get_suggestions("O");
 | 
						|
        select_from_suggestions(stream_name);
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.waitUntilVisible('.default_stream_row[id='+stream_name+']', function () {
 | 
						|
        casper.test.assertSelectorHasText('.default_stream_row[id='+stream_name+'] .default_stream_name', stream_name);
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.waitUntilVisible('.default_stream_row[id='+stream_name+']', function () {
 | 
						|
        casper.test.assertSelectorHasText('.default_stream_row[id='+stream_name+'] .default_stream_name', stream_name);
 | 
						|
        casper.click('.default_stream_row[id='+stream_name+'] button.remove-default-stream');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.waitWhileVisible('.default_stream_row[id='+stream_name+']', function () {
 | 
						|
        casper.test.assertDoesntExist('.default_stream_row[id='+stream_name+']');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
 | 
						|
// TODO: Test stream deletion
 | 
						|
 | 
						|
// Test uploading realm icon image
 | 
						|
casper.then(function () {
 | 
						|
    casper.click("li[data-section='organization-settings']");
 | 
						|
    var selector = 'img#realm-settings-icon[src^="https://secure.gravatar.com/avatar/"]';
 | 
						|
    casper.waitUntilVisible(selector, function () {
 | 
						|
        casper.test.assertEqual(casper.visible('#realm_icon_delete_button'), false);
 | 
						|
        casper.fill('form.admin-realm-form', {
 | 
						|
                realm_icon_file_input: 'static/images/logo/zulip-icon-128x128.png',
 | 
						|
            }, true);
 | 
						|
        casper.waitWhileVisible("#upload_icon_spinner .loading_indicator_spinner", function () {
 | 
						|
            casper.test.assertExists('img#realm-settings-icon[src^="/user_avatars/1/realm/icon.png?version=2"]');
 | 
						|
            casper.test.assertEqual(casper.visible('#realm_icon_delete_button'), true);
 | 
						|
        });
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
// Test deleting realm icon image
 | 
						|
casper.then(function () {
 | 
						|
    casper.click("li[data-section='organization-settings']");
 | 
						|
    casper.click("#realm_icon_delete_button");
 | 
						|
    casper.test.assertEqual(casper.visible('#realm_icon_delete_button'), true);
 | 
						|
    casper.waitWhileVisible('#realm_icon_delete_button', function () {
 | 
						|
        casper.test.assertExists('img#realm-settings-icon[src^="https://secure.gravatar.com/avatar/"]');
 | 
						|
        casper.test.assertEqual(casper.visible('#realm_icon_delete_button'), false);
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.click("li[data-section='organization-settings']");
 | 
						|
    casper.waitUntilVisible('#id_realm_default_language', function () {
 | 
						|
        casper.test.info("Changing realm default language");
 | 
						|
        casper.evaluate(function () {
 | 
						|
            $('#id_realm_default_language').val('de').change();
 | 
						|
        });
 | 
						|
        casper.click('form.admin-realm-form button.button');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    casper.waitUntilVisible('#admin-realm-default-language-status', function () {
 | 
						|
        casper.test.assertSelectorHasText('#admin-realm-default-language-status',
 | 
						|
                                          'Default language changed!');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
// Test authentication methods setting
 | 
						|
casper.then(function () {
 | 
						|
    casper.click("li[data-section='auth-methods']");
 | 
						|
    casper.waitUntilVisible(".method_row[data-method='Email'] input[type='checkbox']", function () {
 | 
						|
        casper.click(".method_row[data-method='Email'] input[type='checkbox']");
 | 
						|
        casper.click('form.admin-realm-form button.button');
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
// Test setting was activated--default is checked
 | 
						|
casper.then(function () {
 | 
						|
    // Scroll to bottom so that casper snapshots show the auth methods table
 | 
						|
    this.scrollToBottom();
 | 
						|
    // Test setting was activated
 | 
						|
    casper.waitUntilVisible('#admin-realm-authentication-methods-status', function () {
 | 
						|
        casper.test.assertSelectorHasText('#admin-realm-authentication-methods-status', 'Authentication methods saved!');
 | 
						|
        casper.test.assertEval(function () {
 | 
						|
            return !(document.querySelector(".method_row[data-method='Email'] input[type='checkbox']").checked);
 | 
						|
        });
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
casper.then(function () {
 | 
						|
    // Leave the page and return
 | 
						|
    casper.click('#settings-dropdown');
 | 
						|
    casper.click('a[href^="#streams"]');
 | 
						|
    casper.click('#settings-dropdown');
 | 
						|
    casper.click('a[href^="#organization"]');
 | 
						|
 | 
						|
    casper.waitUntilVisible(".method_row[data-method='Email'] input[type='checkbox']", function () {
 | 
						|
        // Test Setting was saved
 | 
						|
        casper.test.assertEval(function () {
 | 
						|
            return !(document.querySelector(".method_row[data-method='Email'] input[type='checkbox']").checked);
 | 
						|
        });
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
// Deactivate setting--default is checked
 | 
						|
casper.then(function () {
 | 
						|
    casper.click(".method_row[data-method='Email'] input[type='checkbox']");
 | 
						|
    casper.click('form.admin-realm-form button.button');
 | 
						|
    casper.waitUntilVisible('#admin-realm-authentication-methods-status', function () {
 | 
						|
        casper.test.assertSelectorHasText('#admin-realm-authentication-methods-status', 'Authentication methods saved!');
 | 
						|
        casper.test.assertEval(function () {
 | 
						|
            return document.querySelector(".method_row[data-method='Email'] input[type='checkbox']").checked;
 | 
						|
        });
 | 
						|
    });
 | 
						|
});
 | 
						|
 | 
						|
common.then_log_out();
 | 
						|
 | 
						|
casper.run(function () {
 | 
						|
    casper.test.done();
 | 
						|
});
 |