Ghost/ghost/admin/tests/integration/components/gh-psm-template-select-test.js
Kevin Ansfield ea9c8c03fe
Update dependency ember-template-lint to v5.3.0 (#16062)
refs https://github.com/TryGhost/Ghost/pull/15550

Pulled out of the rolled up node+ember-js+ember-template rollup linter update PR as it required fairly extensive changes.

- bumped package
- renamed `no-down-event-binding` to `no-pointer-down-event-binding`
- disabled `no-pointer-down-event-binding` rule
- disabled `no-triple-curlies` rule
- ran `yarn lint:hbs --fix`
- updated integration tests to match Octane syntax
- fixed various one-off errors
- updated .lint-todo
2023-01-04 09:39:32 +00:00

87 lines
2.5 KiB
JavaScript

import hbs from 'htmlbars-inline-precompile';
import mockThemes from '../../../mirage/config/themes';
import {describe, it} from 'mocha';
import {expect} from 'chai';
import {find, render} from '@ember/test-helpers';
import {setupRenderingTest} from 'ember-mocha';
import {startMirage} from 'ghost-admin/initializers/ember-cli-mirage';
describe('Integration: Component: gh-psm-template-select', function () {
setupRenderingTest();
let server;
beforeEach(function () {
server = startMirage();
server.create('theme', {
active: true,
name: 'example-theme',
package: {
name: 'Example Theme',
version: '0.1'
},
templates: [
{
filename: 'custom-news-bulletin.hbs',
name: 'News Bulletin',
for: ['post', 'page'],
slug: null
},
{
filename: 'custom-big-images.hbs',
name: 'Big Images',
for: ['post', 'page'],
slug: null
},
{
filename: 'post-one.hbs',
name: 'One',
for: ['post'],
slug: 'one'
},
{
filename: 'page-about.hbs',
name: 'About',
for: ['page'],
slug: 'about'
}
]
});
mockThemes(server);
});
afterEach(function () {
server.shutdown();
});
it('disables template selector if slug matches post template', async function () {
this.set('post', {
slug: 'one',
constructor: {
modelName: 'post'
}
});
await render(hbs`<GhPsmTemplateSelect @post={{this.post}} />`);
expect(find('select').disabled, 'select is disabled').to.be.true;
expect(find('p')).to.contain.text('post-one.hbs');
});
it('disables template selector if slug matches page template', async function () {
this.set('post', {
slug: 'about',
constructor: {
modelName: 'page'
}
});
await render(hbs`<GhPsmTemplateSelect @post={{this.post}} />`);
expect(find('select').disabled, 'select is disabled').to.be.true;
expect(find('p')).to.contain.text('page-about.hbs');
});
});