apollo/packages/vue-apollo-option/tests/unit/ssr.test.js

const ssr = require('../../ssr')

describe('ssr states', () => {
  function buildClient (cache) {
    return {
      cache: {
        extract () {
          return cache
        },
      },
    }
  }

  const defaultClient = buildClient({
    'foo': '<alert>hiya!</alert>',
  })

  const otherClient = buildClient({
    'foo': 'bar',
  })

  const apolloProvider = {
    clients: {
      defaultClient,
      profile: defaultClient,
      other: otherClient,
    },
  }

  describe('serializeStates', () => {
    it('safely serializes by default', () => {
      const safe = '{"defaultClient":{"foo":"\\u003Calert\\u003Ehiya!\\u003C\\u002Falert\\u003E"},"profile":{"foo":"\\u003Calert\\u003Ehiya!\\u003C\\u002Falert\\u003E"},"other":{"foo":"bar"}}'

      const serialized = ssr.serializeStates(apolloProvider)
      expect(serialized).not.toMatch('<alert>hiya!</alert>')
      expect(serialized).toMatch(safe)
    })

    it('allows option to use raw JSON stringify', () => {
      const unsafe = '{"defaultClient":{"foo":"<alert>hiya!</alert>"},"profile":{"foo":"<alert>hiya!</alert>"},"other":{"foo":"bar"}}'

      expect(ssr.serializeStates(apolloProvider, { useUnsafeSerializer: true })).toMatch(unsafe)
    })
  })

  describe('getStates', () => {
    it('exports provider clients to object', () => {
      expect(ssr.getStates(apolloProvider)).toMatchObject({
        defaultClient: { foo: '<alert>hiya!</alert>' },
        profile: { foo: '<alert>hiya!</alert>' },
        other: { foo: 'bar' },
      })
    })
  })

  describe('exportStates', () => {
    it('sets attachTo and globalName equal to serializedstates', () => {
      const string = ssr.exportStates(apolloProvider, { globalName: 'NUXT', attachTo: 'global' })

      expect(string).toMatch(/^global\.NUXT/)
    })
  })
})