forked from cybrespace/pinafore
		
	* fix: add better browser notification badges * fix test * fix tests for real * actually fix tests
		
			
				
	
	
		
			62 lines
		
	
	
	
		
			2.8 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			62 lines
		
	
	
	
		
			2.8 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
import { loginAsFoobar } from '../roles'
 | 
						|
import {
 | 
						|
  getNthStatus, getNthStatusContent, getTitleText, getUrl, homeNavButton, notificationsNavButton
 | 
						|
} from '../utils'
 | 
						|
import { favoriteStatusAs, postAs } from '../serverActions'
 | 
						|
 | 
						|
fixture`102-notifications.js`
 | 
						|
  .page`http://localhost:4002`
 | 
						|
 | 
						|
test('shows unread notification', async t => {
 | 
						|
  let { id } = await postAs('foobar', 'somebody please favorite this to validate me')
 | 
						|
  await loginAsFoobar(t)
 | 
						|
  await t
 | 
						|
    .expect(notificationsNavButton.getAttribute('aria-label')).eql('Notifications')
 | 
						|
    .expect(getTitleText()).eql('localhost:3000 · Home')
 | 
						|
    .expect(getNthStatusContent(0).innerText).contains('somebody please favorite this to validate me', {
 | 
						|
      timeout: 20000
 | 
						|
    })
 | 
						|
  await favoriteStatusAs('admin', id)
 | 
						|
  await t
 | 
						|
    .expect(notificationsNavButton.getAttribute('aria-label')).eql('Notifications (1 notification)', {
 | 
						|
      timeout: 20000
 | 
						|
    })
 | 
						|
    .expect(getTitleText()).eql('(1) localhost:3000 · Home')
 | 
						|
    .click(notificationsNavButton)
 | 
						|
    .expect(getUrl()).contains('/notifications')
 | 
						|
    .expect(notificationsNavButton.getAttribute('aria-label')).eql('Notifications (current page)')
 | 
						|
    .expect(getTitleText()).eql('localhost:3000 · Notifications')
 | 
						|
    .expect(getNthStatus(0).innerText).contains('somebody please favorite this to validate me')
 | 
						|
    .expect(getNthStatus(0).innerText).match(/admin\s+favorited your status/)
 | 
						|
  await t
 | 
						|
    .click(homeNavButton)
 | 
						|
    .expect(notificationsNavButton.getAttribute('aria-label')).eql('Notifications')
 | 
						|
    .expect(getTitleText()).eql('localhost:3000 · Home')
 | 
						|
})
 | 
						|
 | 
						|
test('shows unread notifications, more than one', async t => {
 | 
						|
  let { id } = await postAs('foobar', 'I need lots of favorites on this one')
 | 
						|
  await loginAsFoobar(t)
 | 
						|
  await t
 | 
						|
    .expect(notificationsNavButton.getAttribute('aria-label')).eql('Notifications')
 | 
						|
    .expect(getTitleText()).eql('localhost:3000 · Home')
 | 
						|
    .expect(getNthStatusContent(0).innerText).contains('I need lots of favorites on this one', {
 | 
						|
      timeout: 20000
 | 
						|
    })
 | 
						|
  await favoriteStatusAs('admin', id)
 | 
						|
  await favoriteStatusAs('quux', id)
 | 
						|
  await t
 | 
						|
    .expect(notificationsNavButton.getAttribute('aria-label')).eql('Notifications (2 notifications)', {
 | 
						|
      timeout: 20000
 | 
						|
    })
 | 
						|
    .expect(getTitleText()).eql('(2) localhost:3000 · Home')
 | 
						|
    .click(notificationsNavButton)
 | 
						|
    .expect(getUrl()).contains('/notifications')
 | 
						|
    .expect(notificationsNavButton.getAttribute('aria-label')).eql('Notifications (current page)')
 | 
						|
    .expect(getTitleText()).eql('localhost:3000 · Notifications')
 | 
						|
    .expect(getNthStatus(0).innerText).contains('I need lots of favorites on this one')
 | 
						|
  await t
 | 
						|
    .click(homeNavButton)
 | 
						|
    .expect(notificationsNavButton.getAttribute('aria-label')).eql('Notifications')
 | 
						|
    .expect(getTitleText()).eql('localhost:3000 · Home')
 | 
						|
})
 |