liquidjs/test/xhr.js

const Liquid = require('..')
const sinon = require('sinon')
const chai = require('chai')
const expect = chai.expect

describe('xhr', () => {
  if (process.version.match(/^v(\d+)/)[1] < 8) {
    return;
  }
  const JSDOM = require('jsdom').JSDOM
  var server, engine, dom
  beforeEach(() => {
    server = sinon.fakeServer.create()
    server.autoRespond = true
    server.respondWith('GET', 'https://example.com/views/hello.html',
      [200, {'Content-Type': 'text/plain'}, 'hello {{name}}'])
    global.XMLHttpRequest = sinon.useFakeXMLHttpRequest()
    dom = new JSDOM(``, {
      url: 'https://example.com/',
      referrer: 'https://example.com/',
      contentType: 'text/html',
      includeNodeLocations: true
    })
    global.document = dom.window.document
    engine = Liquid({
      root: 'https://example.com/views',
      extname: '.html'
    })
  })

  afterEach(() => {
    server.restore()
    delete global.XMLHttpRequest
    delete global.document
  })

  describe('#renderFile()', () => {
    it('should support without extname', () => {
      return expect(engine.renderFile('hello', {name: 'alice1'}))
        .to.eventually.equal('hello alice1')
    })
    it('should support with extname', () => {
      return expect(engine.renderFile('hello.html', {name: 'alice2'}))
        .to.eventually.equal('hello alice2')
    })
    it('should support with absolute path', () => {
      server.respondWith('GET', 'https://example.com/foo.html',
        [200, {'Content-Type': 'text/plain'}, 'foo'])
      return expect(engine.renderFile('/foo.html'))
        .to.eventually.equal('foo')
    })
    it('should support with url', () => {
      return expect(engine.renderFile('https://example.com/views/hello.html', {name: 'alice4'}))
        .to.eventually.equal('hello alice4')
    })
    it('should support include', () => {
      server.respondWith('GET', 'https://example.com/views/hello.html',
        [200, {'Content-Type': 'text/plain'}, "hello {% include 'name.html' %}"])
      server.respondWith('GET', 'https://example.com/views/name.html',
        [200, {'Content-Type': 'text/plain'}, '{{name}}'])
      return expect(engine.renderFile('hello.html', {name: 'alice5'}))
        .to.eventually.equal('hello alice5')
    })
    it('should throw 404', () => {
      return expect(engine.renderFile('/not/exist.html'))
        .to.be.rejectedWith('Not Found')
    })
  })
  describe('root', () => {
    it('should support with null', () => {
      dom = new JSDOM(``, {
        url: 'https://example.com/bar/',
        referrer: 'https://example.com/bar/',
        contentType: 'text/html',
        includeNodeLocations: true
      })
      global.document = dom.window.document
      engine = Liquid({
        extname: '.html'
      })
      server.respondWith('GET', 'https://example.com/bar/hello.html',
        [200, {'Content-Type': 'text/plain'}, 'hello {{name}}'])
      return expect(engine.renderFile('hello.html', {name: 'alice5'}))
        .to.eventually.equal('hello alice5')
    })
    it('should support with empty', () => {
      dom = new JSDOM(``, {
        url: 'https://example.com/foo/',
        referrer: 'https://example.com/foo/',
        contentType: 'text/html',
        includeNodeLocations: true
      })
      global.document = dom.window.document
      engine = Liquid({
        root: '',
        extname: '.html'
      })
      server.respondWith('GET', 'https://example.com/foo/hello.html',
        [200, {'Content-Type': 'text/plain'}, 'hello {{name}}'])
      return expect(engine.renderFile('hello.html', {name: 'alice5'}))
        .to.eventually.equal('hello alice5')
    })
    it('should support with relative path', () => {
      dom = new JSDOM(``, {
        url: 'https://example.com/foo/',
        referrer: 'https://example.com/foo/',
        contentType: 'text/html',
        includeNodeLocations: true
      })
      global.document = dom.window.document
      engine = Liquid({
        root: './views/',
        extname: '.html'
      })
      server.respondWith('GET', 'https://example.com/foo/views/hello.html',
        [200, {'Content-Type': 'text/plain'}, 'hello {{name}}'])
      return expect(engine.renderFile('hello.html', {name: 'alice5'}))
        .to.eventually.equal('hello alice5')
    })
    it('should support with absolute path', () => {
      dom = new JSDOM(``, {
        url: 'https://example.com/foo/',
        referrer: 'https://example.com/foo/',
        contentType: 'text/html',
        includeNodeLocations: true
      })
      global.document = dom.window.document
      engine = Liquid({
        root: '/views/',
        extname: '.html'
      })
      server.respondWith('GET', 'https://example.com/views/hello.html',
        [200, {'Content-Type': 'text/plain'}, 'hello {{name}}'])
      return expect(engine.renderFile('hello.html', {name: 'alice5'}))
        .to.eventually.equal('hello alice5')
    })
    it('should support with url', () => {
      engine = Liquid({
        root: 'https://foo.com/bar/',
        extname: '.html'
      })
      server.respondWith('GET', 'https://foo.com/bar/hello.html',
        [200, {'Content-Type': 'text/plain'}, 'hello {{name}}'])
      return expect(engine.renderFile('hello.html', {name: 'alice5'}))
        .to.eventually.equal('hello alice5')
    })
  })
})