Scroll down button: when scrolled up, or new non-visible message
FREEBIE
This commit is contained in:
parent
13322c7071
commit
4c7bfbe9ff
12 changed files with 249 additions and 6 deletions
|
@ -16,6 +16,11 @@
|
|||
</div>
|
||||
<div id="render-ios" class='index' style="width: 800; height: 500; margin:10px; border: solid 1px black;">
|
||||
</div>
|
||||
<script type='text/x-tmpl-mustache' id='scroll-down-button-view'>
|
||||
<button class='text {{ cssClass }}' alt='{{ moreBelow }}'>
|
||||
<div class='icon'></div>
|
||||
</button>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='last-seen-indicator-view'>
|
||||
<div class='text'>
|
||||
{{ unreadMessages }}
|
||||
|
@ -570,8 +575,8 @@
|
|||
<script type='text/javascript' src='../js/views/identicon_svg_view.js' data-cover></script>
|
||||
<script type='text/javascript' src='../js/views/settings_view.js' data-cover></script>
|
||||
<script type='text/javascript' src='../js/views/last_seen_indicator_view.js' data-cover></script>
|
||||
<script type='text/javascript' src='../js/views/scroll_down_button_view.js' data-cover></script>
|
||||
|
||||
<script type="text/javascript" src="libphonenumber_util_test.js"></script>
|
||||
<script type="text/javascript" src="views/whisper_view_test.js"></script>
|
||||
<script type="text/javascript" src="views/group_update_view_test.js"></script>
|
||||
<script type="text/javascript" src="views/message_view_test.js"></script>
|
||||
|
@ -581,8 +586,12 @@
|
|||
<script type="text/javascript" src="views/conversation_search_view_test.js"></script>
|
||||
<script type="text/javascript" src="views/network_status_view_test.js"></script>
|
||||
<script type="text/javascript" src="views/last_seen_indicator_view_test.js"></script>
|
||||
<script type='text/javascript' src='views/scroll_down_button_view_test.js'></script>
|
||||
|
||||
<script type="text/javascript" src="models/conversations_test.js"></script>
|
||||
<script type="text/javascript" src="models/messages_test.js"></script>
|
||||
|
||||
<script type="text/javascript" src="libphonenumber_util_test.js"></script>
|
||||
<script type="text/javascript" src="storage_test.js"></script>
|
||||
<script type="text/javascript" src="keychange_listener_test.js"></script>
|
||||
<script type="text/javascript" src="emoji_util_test.js"></script>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
* vim: ts=4:sw=4:expandtab
|
||||
*/
|
||||
describe('LastSeenIndicatorView', function() {
|
||||
// TODO: in electron branch, wheere we have access to real i18n, test rendered HTML
|
||||
// TODO: in electron branch, where we have access to real i18n, test rendered HTML
|
||||
|
||||
it('renders provided count', function() {
|
||||
var view = new Whisper.LastSeenIndicatorView({count: 10});
|
||||
|
|
40
test/views/scroll_down_button_view_test.js
Normal file
40
test/views/scroll_down_button_view_test.js
Normal file
|
@ -0,0 +1,40 @@
|
|||
/*
|
||||
* vim: ts=4:sw=4:expandtab
|
||||
*/
|
||||
describe('ScrollDownButtonView', function() {
|
||||
// TODO: in electron branch, where we have access to real i18n, uncomment assertions against real strings
|
||||
|
||||
it('renders with count = 0', function() {
|
||||
var view = new Whisper.ScrollDownButtonView();
|
||||
view.render();
|
||||
assert.equal(view.count, 0);
|
||||
// assert.match(view.$el.html(), /Scroll to bottom/);
|
||||
});
|
||||
|
||||
it('renders with count = 1', function() {
|
||||
var view = new Whisper.ScrollDownButtonView({count: 1});
|
||||
view.render();
|
||||
assert.equal(view.count, 1);
|
||||
assert.match(view.$el.html(), /new-messages/);
|
||||
// assert.match(view.$el.html(), /New message below/);
|
||||
});
|
||||
|
||||
it('renders with count = 2', function() {
|
||||
var view = new Whisper.ScrollDownButtonView({count: 2});
|
||||
view.render();
|
||||
assert.equal(view.count, 2);
|
||||
|
||||
assert.match(view.$el.html(), /new-messages/);
|
||||
// assert.match(view.$el.html(), /New messages below/);
|
||||
});
|
||||
|
||||
it('increments count and re-renders', function() {
|
||||
var view = new Whisper.ScrollDownButtonView();
|
||||
view.render();
|
||||
assert.equal(view.count, 0);
|
||||
assert.notMatch(view.$el.html(), /new-messages/);
|
||||
view.increment(1);
|
||||
assert.equal(view.count, 1);
|
||||
assert.match(view.$el.html(), /new-messages/);
|
||||
});
|
||||
});
|
Loading…
Add table
Add a link
Reference in a new issue