0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-27 22:49:56 -05:00
ghost/test/unit/apps/amp/amp_components.test.js
Hannah Wolfe f08a55c21f
Renamed tests to .test.js & updated commands
refs: https://github.com/TryGhost/Team/issues/856
refs: https://github.com/TryGhost/Team/issues/756

- The .test.js extension is better than _spec.js as it's more obvious that it's an extension
- It also meaans we can use the --extension parameter in mocha, which should result in a better default behaviour for `yarn test`
- It also highlights that some of our tests were named incorrectly and were not (and still will not be) run (see https://github.com/TryGhost/Team/issues/856)
- Note: even with this change, `yarn test` is throwing errors, I believe because of this issue https://github.com/TryGhost/Team/issues/756
2021-07-06 20:45:01 +01:00

98 lines
3.9 KiB
JavaScript

const should = require('should');
// Stuff we are testing
const ampComponentsHelper = require('../../../../core/frontend/apps/amp/lib/helpers/amp_components');
describe('{{amp_components}} helper', function () {
it('adds script tag for a gif', function () {
const post = {
html: '<img src="https://media.giphy.com/media/UsmcxQeK7BRBK/giphy.gif" alt="yoda" />'
};
let rendered;
rendered = ampComponentsHelper.call(
{relativeUrl: '/post/amp/', safeVersion: '0.3', context: ['amp', 'post'], post: post},
{data: {root: {context: ['amp', 'post']}}});
should.exist(rendered);
rendered.should.match(/<script async custom-element="amp-anim" src="https:\/\/cdn.ampproject.org\/v0\/amp-anim-0.1.js"><\/script>/);
});
it('adds script tag for an iframe tag', function () {
const post = {
html: '<iframe src="//giphy.com/embed/o0vwzuFwCGAFO" width="480" height="480" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>'
};
let rendered;
rendered = ampComponentsHelper.call(
{relativeUrl: '/post/amp/', safeVersion: '0.3', context: ['amp', 'post'], post: post},
{data: {root: {context: ['amp', 'post']}}});
should.exist(rendered);
rendered.should.match(/<script async custom-element="amp-iframe" src="https:\/\/cdn.ampproject.org\/v0\/amp-iframe-0.1.js"><\/script>/);
});
it('adds script tag for a youtube embed', function () {
const post = {
html: '<iframe src="https://www.youtube.com/embed/zqNTltOGh5c" frameborder="0"></iframe>'
};
let rendered;
rendered = ampComponentsHelper.call(
{relativeUrl: '/post/amp/', safeVersion: '0.3', context: ['amp', 'post'], post: post},
{data: {root: {context: ['amp', 'post']}}});
should.exist(rendered);
rendered.should.match(/<script async custom-element="amp-youtube" src="https:\/\/cdn.ampproject.org\/v0\/amp-youtube-0.1.js"><\/script>/);
});
it('adds scripts for youtube embeds and iframes', function () {
const post = {
html: `
<iframe src="https://www.youtube.com/embed/zqNTltOGh5c" frameborder="0">
</iframe>
<iframe src="//giphy.com/embed/o0vwzuFwCGAFO" width="480" height="480" frameBorder="0" class="giphy-embed" allowFullScreen>
</iframe>
`
};
let rendered;
rendered = ampComponentsHelper.call(
{relativeUrl: '/post/amp/', safeVersion: '0.3', context: ['amp', 'post'], post: post},
{data: {root: {context: ['amp', 'post']}}});
should.exist(rendered);
rendered.should.match(/<script async custom-element="amp-youtube" src="https:\/\/cdn.ampproject.org\/v0\/amp-youtube-0.1.js"><\/script>/);
rendered.should.match(/<script async custom-element="amp-iframe" src="https:\/\/cdn.ampproject.org\/v0\/amp-iframe-0.1.js"><\/script>/);
});
it('adds script tag for an audio tag', function () {
const post = {
html: '<audio src="myaudiofile.mp3"/>'
};
let rendered;
rendered = ampComponentsHelper.call(
{relativeUrl: '/post/amp/', safeVersion: '0.3', context: ['amp', 'post'], post: post},
{data: {root: {context: ['amp', 'post']}}});
should.exist(rendered);
rendered.should.match(/<script async custom-element="amp-audio" src="https:\/\/cdn.ampproject.org\/v0\/amp-audio-0.1.js"><\/script>/);
});
it('returns if no html is provided', function () {
const post = {};
let rendered;
rendered = ampComponentsHelper.call(
{relativeUrl: '/post/amp/', safeVersion: '0.3', context: ['amp', 'post'], post: post},
{data: {root: {context: ['amp', 'post']}}});
should.not.exist(rendered);
});
});