logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://anongit.hacktivis.me/git/pleroma-fe.git/

gallery.spec.js (8352B)

    

  1. import Gallery from 'src/components/gallery/gallery.vue'
  3. describe('Gallery', () => {
  4.   let local
  6.   it('attachments is falsey', () => {
  7.     local = { attachments: false }
  8.     expect(Gallery.computed.rows.call(local)).to.eql([])
  10.     local = { attachments: null }
  11.     expect(Gallery.computed.rows.call(local)).to.eql([])
  13.     local = { attachments: undefined }
  14.     expect(Gallery.computed.rows.call(local)).to.eql([])
  15.   })
  17.   it('no attachments', () => {
  18.     local = { attachments: [] }
  19.     expect(Gallery.computed.rows.call(local)).to.eql([])
  20.   })
  22.   it('one audio attachment', () => {
  23.     local = {
  24.       attachments: [
  25.         { mimetype: 'audio/mpeg' }
  26.       ]
  27.     }
  29.     expect(Gallery.computed.rows.call(local)).to.eql([
  30.       { audio: true, items: [{ mimetype: 'audio/mpeg' }] }
  31.     ])
  32.   })
  34.   it('one image attachment', () => {
  35.     local = {
  36.       attachments: [
  37.         { mimetype: 'image/png' }
  38.       ]
  39.     }
  41.     expect(Gallery.computed.rows.call(local)).to.eql([
  42.       { items: [{ mimetype: 'image/png' }] }
  43.     ])
  44.   })
  46.   it('one audio attachment and one image attachment', () => {
  47.     local = {
  48.       attachments: [
  49.         { mimetype: 'audio/mpeg' },
  50.         { mimetype: 'image/png' }
  51.       ]
  52.     }
  54.     expect(Gallery.computed.rows.call(local)).to.eql([
  55.       { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
  56.       { items: [{ mimetype: 'image/png' }] }
  57.     ])
  58.   })
  60.   it('has "size" key set to "hide"', () => {
  61.     let local
  62.     local = {
  63.       attachments: [
  64.         { mimetype: 'audio/mpeg' }
  65.       ],
  66.       size: 'hide'
  67.     }
  69.     expect(Gallery.computed.rows.call(local)).to.eql([
  70.       { minimal: true, items: [{ mimetype: 'audio/mpeg' }] }
  71.     ])
  73.     local = {
  74.       attachments: [
  75.         { mimetype: 'image/jpg' },
  76.         { mimetype: 'image/png' },
  77.         { mimetype: 'image/jpg' },
  78.         { mimetype: 'audio/mpeg' },
  79.         { mimetype: 'image/png' },
  80.         { mimetype: 'audio/mpeg' },
  81.         { mimetype: 'image/jpg' },
  82.         { mimetype: 'image/png' },
  83.         { mimetype: 'image/jpg' }
  84.       ],
  85.       size: 'hide'
  86.     }
  88.     // When defining `size: hide`, the `items` aren't
  89.     // grouped and `audio` isn't set
  90.     expect(Gallery.computed.rows.call(local)).to.eql([
  91.       { minimal: true, items: [{ mimetype: 'image/jpg' }] },
  92.       { minimal: true, items: [{ mimetype: 'image/png' }] },
  93.       { minimal: true, items: [{ mimetype: 'image/jpg' }] },
  94.       { minimal: true, items: [{ mimetype: 'audio/mpeg' }] },
  95.       { minimal: true, items: [{ mimetype: 'image/png' }] },
  96.       { minimal: true, items: [{ mimetype: 'audio/mpeg' }] },
  97.       { minimal: true, items: [{ mimetype: 'image/jpg' }] },
  98.       { minimal: true, items: [{ mimetype: 'image/png' }] },
  99.       { minimal: true, items: [{ mimetype: 'image/jpg' }] }
  100.     ])
  101.   })
  103.   // types other than image or audio should be `minimal`
  104.   it('non-image/audio', () => {
  105.     let local
  106.     local = {
  107.       attachments: [
  108.         { mimetype: 'plain/text' }
  109.       ]
  110.     }
  111.     expect(Gallery.computed.rows.call(local)).to.eql([
  112.       { minimal: true, items: [{ mimetype: 'plain/text' }] }
  113.     ])
  115.     // No grouping of non-image/audio items
  116.     local = {
  117.       attachments: [
  118.         { mimetype: 'plain/text' },
  119.         { mimetype: 'plain/text' },
  120.         { mimetype: 'plain/text' }
  121.       ]
  122.     }
  123.     expect(Gallery.computed.rows.call(local)).to.eql([
  124.       { minimal: true, items: [{ mimetype: 'plain/text' }] },
  125.       { minimal: true, items: [{ mimetype: 'plain/text' }] },
  126.       { minimal: true, items: [{ mimetype: 'plain/text' }] }
  127.     ])
  129.     local = {
  130.       attachments: [
  131.         { mimetype: 'image/png' },
  132.         { mimetype: 'plain/text' },
  133.         { mimetype: 'image/jpg' },
  134.         { mimetype: 'audio/mpeg' }
  135.       ]
  136.     }
  137.     // NOTE / TODO: When defining `size: hide`, the `items` aren't
  138.     // grouped and `audio` isn't set
  139.     expect(Gallery.computed.rows.call(local)).to.eql([
  140.       { items: [{ mimetype: 'image/png' }] },
  141.       { minimal: true, items: [{ mimetype: 'plain/text' }] },
  142.       { items: [{ mimetype: 'image/jpg' }] },
  143.       { audio: true, items: [{ mimetype: 'audio/mpeg' }] }
  144.     ])
  145.   })
  147.   it('mixed attachments', () => {
  148.     local = {
  149.       attachments: [
  150.         { mimetype: 'audio/mpeg' },
  151.         { mimetype: 'image/png' },
  152.         { mimetype: 'audio/mpeg' },
  153.         { mimetype: 'image/jpg' },
  154.         { mimetype: 'image/png' },
  155.         { mimetype: 'image/jpg' },
  156.         { mimetype: 'image/jpg' }
  157.       ]
  158.     }
  160.     expect(Gallery.computed.rows.call(local)).to.eql([
  161.       { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
  162.       { items: [{ mimetype: 'image/png' }] },
  163.       { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
  164.       { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }, { mimetype: 'image/jpg' }] }
  165.     ])
  167.     local = {
  168.       attachments: [
  169.         { mimetype: 'image/jpg' },
  170.         { mimetype: 'image/png' },
  171.         { mimetype: 'image/jpg' },
  172.         { mimetype: 'image/jpg' },
  173.         { mimetype: 'audio/mpeg' },
  174.         { mimetype: 'image/png' },
  175.         { mimetype: 'audio/mpeg' }
  176.       ]
  177.     }
  179.     expect(Gallery.computed.rows.call(local)).to.eql([
  180.       { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }] },
  181.       { items: [{ mimetype: 'image/jpg' }] },
  182.       { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
  183.       { items: [{ mimetype: 'image/png' }] },
  184.       { audio: true, items: [{ mimetype: 'audio/mpeg' }] }
  185.     ])
  187.     local = {
  188.       attachments: [
  189.         { mimetype: 'image/jpg' },
  190.         { mimetype: 'image/png' },
  191.         { mimetype: 'image/jpg' },
  192.         { mimetype: 'image/jpg' },
  193.         { mimetype: 'image/png' },
  194.         { mimetype: 'image/png' },
  195.         { mimetype: 'image/jpg' }
  196.       ]
  197.     }
  199.     // Group by three-per-row, unless there's one dangling, then stick it on the end of the last row
  200.     // https://git.pleroma.social/pleroma/pleroma-fe/-/merge_requests/1785#note_98514
  201.     expect(Gallery.computed.rows.call(local)).to.eql([
  202.       { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }] },
  203.       { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }] }
  204.     ])
  206.     local = {
  207.       attachments: [
  208.         { mimetype: 'image/jpg' },
  209.         { mimetype: 'image/png' },
  210.         { mimetype: 'image/jpg' },
  211.         { mimetype: 'image/jpg' },
  212.         { mimetype: 'image/png' },
  213.         { mimetype: 'image/png' },
  214.         { mimetype: 'image/jpg' },
  215.         { mimetype: 'image/png' }
  216.       ]
  217.     }
  219.     expect(Gallery.computed.rows.call(local)).to.eql([
  220.       { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/jpg' }] },
  221.       { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }, { mimetype: 'image/png' }] },
  222.       { items: [{ mimetype: 'image/jpg' }, { mimetype: 'image/png' }] }
  223.     ])
  224.   })
  226.   it('does not do grouping when grid is set', () => {
  227.     const attachments = [
  228.       { mimetype: 'audio/mpeg' },
  229.       { mimetype: 'image/png' },
  230.       { mimetype: 'audio/mpeg' },
  231.       { mimetype: 'image/jpg' },
  232.       { mimetype: 'image/png' },
  233.       { mimetype: 'image/jpg' },
  234.       { mimetype: 'image/jpg' }
  235.     ]
  237.     local = { grid: true, attachments }
  239.     expect(Gallery.computed.rows.call(local)).to.eql([
  240.       { grid: true, items: attachments }
  241.     ])
  242.   })
  244.   it('limit is set', () => {
  245.     const attachments = [
  246.       { mimetype: 'audio/mpeg' },
  247.       { mimetype: 'image/png' },
  248.       { mimetype: 'image/jpg' },
  249.       { mimetype: 'audio/mpeg' },
  250.       { mimetype: 'image/jpg' }
  251.     ]
  253.     let local
  254.     local = { attachments, limit: 2 }
  256.     expect(Gallery.computed.rows.call(local)).to.eql([
  257.       { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
  258.       { items: [{ mimetype: 'image/png' }] }
  259.     ])
  261.     local = { attachments, limit: 3 }
  263.     expect(Gallery.computed.rows.call(local)).to.eql([
  264.       { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
  265.       { items: [{ mimetype: 'image/png' }, { mimetype: 'image/jpg' }] }
  266.     ])
  268.     local = { attachments, limit: 4 }
  270.     expect(Gallery.computed.rows.call(local)).to.eql([
  271.       { audio: true, items: [{ mimetype: 'audio/mpeg' }] },
  272.       { items: [{ mimetype: 'image/png' }, { mimetype: 'image/jpg' }] },
  273.       { audio: true, items: [{ mimetype: 'audio/mpeg' }] }
  274.     ])
  275.   })
  276. })