Ghost/ghost/admin/tests/acceptance/offers-test.js
Stephen Sauceda eb585f9c02
🐛 Fixed active state bug in sidebar nav (#15511)
closes: https://github.com/TryGhost/Ghost/issues/15506

- The sidebar items that don't open the editor were missing some relative current-when attributes so the nested views weren't considered "active".
2022-10-03 19:49:21 +01:00

115 lines
4.2 KiB
JavaScript

import moment from 'moment-timezone';
import {authenticateSession, invalidateSession} from 'ember-simple-auth/test-support';
import {beforeEach, describe, it} from 'mocha';
import {blur, click, currentURL, fillIn, find, findAll, settled} from '@ember/test-helpers';
import {enablePaidMembers} from '../helpers/members';
import {expect} from 'chai';
import {setupApplicationTest} from 'ember-mocha';
import {setupMirage} from 'ember-cli-mirage/test-support';
import {timeout} from 'ember-concurrency';
import {visit} from '../helpers/visit';
describe('Acceptance: Offers', function () {
let hooks = setupApplicationTest();
setupMirage(hooks);
it('redirects to signin when not authenticated', async function () {
await invalidateSession();
await visit('/offers');
expect(currentURL()).to.equal('/signin');
});
it('redirects non-admins to site', async function () {
let role = this.server.create('role', {name: 'Editor'});
this.server.create('user', {roles: [role]});
await authenticateSession();
await visit('/offers');
expect(currentURL()).to.equal('/site');
expect(find('[data-test-nav="offers"]'), 'sidebar link')
.to.not.exist;
});
describe('as owner', function () {
beforeEach(async function () {
this.server.loadFixtures('tiers');
let role = this.server.create('role', {name: 'Owner'});
this.server.create('user', {roles: [role]});
enablePaidMembers(this.server);
return await authenticateSession();
});
it('it renders, can be navigated, can edit offer', async function () {
const tier = this.server.create('tier');
let offer1 = this.server.create('offer', {tier: {id: tier.id}, createdAt: moment.utc().subtract(1, 'day').valueOf()});
this.server.create('offer', {tier: {id: tier.id}, createdAt: moment.utc().subtract(2, 'day').valueOf()});
await visit('/offers');
await settled();
// lands on correct page
expect(currentURL(), 'currentURL').to.equal('/offers');
// it has correct page title
expect(document.title, 'page title').to.equal('Offers - Test Blog');
// it highlights active state in nav menu
expect(
find('[data-test-nav="offers"]'),
'highlights nav menu item'
).to.have.class('active');
// it lists all offers
expect(findAll('[data-test-list="offers-list-item"]').length, 'offers list count')
.to.equal(2);
let offer = find('[data-test-list="offers-list-item"]');
expect(offer.querySelector('[data-test-list="offer-name"] h3').textContent, 'offer list item name')
.to.equal(offer1.name);
await visit(`/offers/${offer1.id}`);
// second wait is needed for the offer details to settle
await settled();
// it shows selected offer form
expect(find('[data-test-input="offer-name"]').value, 'loads correct offer into form')
.to.equal(offer1.name);
// it maintains active state in nav menu
expect(
find('[data-test-nav="offers"]'),
'highlights nav menu item'
).to.have.class('active');
// trigger save
await fillIn('[data-test-input="offer-name"]', 'New Name');
await blur('[data-test-input="offer-name"]');
await click('[data-test-button="save"]');
// extra timeout needed for Travis - sometimes it doesn't update
// quick enough and an extra wait() call doesn't help
await timeout(100);
await click('[data-test-link="offers-back"]');
// lands on correct page
expect(currentURL(), 'currentURL').to.equal('/offers');
});
it('maintains active state in nav menu when creating a new tag', async function () {
await visit('offers/new');
expect(currentURL()).to.equal('offers/new');
expect(find('[data-test-nav="offers"]'), 'highlights nav menu item')
.to.have.class('active');
});
});
});