Fix notification count change on contacts page
This commit is contained in:
parent
410ddc3cb7
commit
dafafcd680
2 changed files with 147 additions and 92 deletions
|
|
@ -52,10 +52,10 @@ app.views.Notifications = Backbone.View.extend({
|
|||
|
||||
updateView: function(guid, type, unread) {
|
||||
var change = unread ? 1 : -1,
|
||||
allNotes = $(".list-group > a:eq(0) .badge"),
|
||||
typeNotes = $(".list-group > a[data-type=" + type + "] .badge"),
|
||||
allNotes = $("#notifications_container .list-group > a:eq(0) .badge"),
|
||||
typeNotes = $("#notifications_container .list-group > a[data-type=" + type + "] .badge"),
|
||||
headerBadge = $(".notifications-link .badge"),
|
||||
note = $(".stream_element[data-guid=" + guid + "]"),
|
||||
note = $(".notifications .stream_element[data-guid=" + guid + "]"),
|
||||
markAllReadLink = $("a#mark_all_read_link"),
|
||||
translationKey = unread ? "notifications.mark_read" : "notifications.mark_unread";
|
||||
|
||||
|
|
|
|||
|
|
@ -1,10 +1,11 @@
|
|||
describe("app.views.Notifications", function(){
|
||||
context("on the notificatons page", function() {
|
||||
beforeEach(function() {
|
||||
spec.loadFixture("notifications");
|
||||
this.view = new app.views.Notifications({el: "#notifications_container"});
|
||||
});
|
||||
|
||||
context("mark read", function() {
|
||||
describe("mark read", function() {
|
||||
beforeEach(function() {
|
||||
this.unreadN = $(".stream_element.unread").first();
|
||||
this.guid = this.unreadN.data("guid");
|
||||
|
|
@ -18,7 +19,7 @@ describe("app.views.Notifications", function(){
|
|||
});
|
||||
});
|
||||
|
||||
context("mark unread", function() {
|
||||
describe("mark unread", function() {
|
||||
beforeEach(function() {
|
||||
this.readN = $(".stream_element.read").first();
|
||||
this.guid = this.readN.data("guid");
|
||||
|
|
@ -32,7 +33,7 @@ describe("app.views.Notifications", function(){
|
|||
});
|
||||
});
|
||||
|
||||
context("updateView", function() {
|
||||
describe("updateView", function() {
|
||||
beforeEach(function() {
|
||||
this.readN = $(".stream_element.read").first();
|
||||
this.guid = this.readN.data("guid");
|
||||
|
|
@ -79,7 +80,9 @@ describe("app.views.Notifications", function(){
|
|||
|
||||
context("with a header", function() {
|
||||
beforeEach(function() {
|
||||
/* jshint camelcase: false */
|
||||
loginAs({name: "alice", avatar: {small: "http://avatar.com/photo.jpg"}, notifications_count: 2, guid: "foo"});
|
||||
/* jshint camelcase: true */
|
||||
gon.appConfig = {settings: {podname: "MyPod"}};
|
||||
this.header = new app.views.Header();
|
||||
$("header").prepend(this.header.el);
|
||||
|
|
@ -103,8 +106,10 @@ describe("app.views.Notifications", function(){
|
|||
this.view.updateView(this.guid, this.type, false);
|
||||
expect(parseInt(badge2.text(), 10)).toBe(count);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
context("markAllRead", function() {
|
||||
describe("markAllRead", function() {
|
||||
it("calls setRead for each unread notification", function(){
|
||||
spyOn(this.view, "setRead");
|
||||
this.view.markAllRead();
|
||||
|
|
@ -114,5 +119,55 @@ describe("app.views.Notifications", function(){
|
|||
});
|
||||
});
|
||||
});
|
||||
|
||||
context("on the contacts page", function() {
|
||||
beforeEach(function() {
|
||||
spec.loadFixture("aspects_manage");
|
||||
this.view = new app.views.Notifications({el: "#notifications_container"});
|
||||
/* jshint camelcase: false */
|
||||
loginAs({name: "alice", avatar: {small: "http://avatar.com/photo.jpg"}, notifications_count: 2, guid: "foo"});
|
||||
/* jshint camelcase: true */
|
||||
gon.appConfig = {settings: {podname: "MyPod"}};
|
||||
this.header = new app.views.Header();
|
||||
$("header").prepend(this.header.el);
|
||||
this.header.render();
|
||||
});
|
||||
|
||||
describe("updateView", function() {
|
||||
it("changes the header notifications count", function() {
|
||||
var badge1 = $(".notifications-link:eq(0) .badge");
|
||||
var badge2 = $(".notifications-link:eq(1) .badge");
|
||||
var count = parseInt(badge1.text(), 10);
|
||||
|
||||
this.view.updateView(this.guid, this.type, true);
|
||||
expect(parseInt(badge1.text(), 10)).toBe(count + 1);
|
||||
|
||||
this.view.updateView(this.guid, this.type, false);
|
||||
expect(parseInt(badge1.text(), 10)).toBe(count);
|
||||
|
||||
this.view.updateView(this.guid, this.type, true);
|
||||
expect(parseInt(badge2.text(), 10)).toBe(count + 1);
|
||||
|
||||
this.view.updateView(this.guid, this.type, false);
|
||||
expect(parseInt(badge2.text(), 10)).toBe(count);
|
||||
});
|
||||
|
||||
it("doesn't change the contacts count", function() {
|
||||
expect($("#aspect_nav .badge").length).toBeGreaterThan(0);
|
||||
$("#aspect_nav .badge").each(function(index, el) {
|
||||
$(el).text(index + 1337);
|
||||
});
|
||||
|
||||
this.view.updateView(this.guid, this.type, true);
|
||||
$("#aspect_nav .badge").each(function(index, el) {
|
||||
expect(parseInt($(el).text(), 10)).toBe(index + 1337);
|
||||
});
|
||||
|
||||
this.view.updateView(this.guid, this.type, false);
|
||||
$("#aspect_nav .badge").each(function(index, el) {
|
||||
expect(parseInt($(el).text(), 10)).toBe(index + 1337);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in a new issue