import { media } from './media';
import { run, parse, caches } from '../../api';
import { html } from 'typed-dom/dom';

describe('Unit: renderer/render/media', () => {

  describe('media', () => {
    it('twitter', done => {
      media(location.href, run(parse('!http://twitter.com/hourenso_u/status/856828123882676225')).querySelector('img')!, {
        twitter: () => void done(false) || html('div')
      });
      media(location.href, run(parse('!https://twitter.com/hourenso_u/status/856828123882676225')).querySelector('img')!, {
        twitter: () => void done() || html('div')
      });
    });

    it('youtube', done => {
      media(location.href, run(parse('!http://youtu.be/xRF7WIZV4lA')).querySelector('img')!, {
        youtube: () => void done(false) || html('div')
      });
      media(location.href, run(parse('!https://youtu.be/xRF7WIZV4lA')).querySelector('img')!, {
        youtube: () => void done() || html('div')
      });
      media(location.href, run(parse('!http://www.youtube.com/watch?v=xRF7WIZV4lA')).querySelector('img')!, {
        youtube: () => void done(false) || html('div')
      });
      media(location.href, run(parse('!https://www.youtube.com/watch?v=xRF7WIZV4lA')).querySelector('img')!, {
        youtube: () => void done() || html('div')
      });
    });

    it('pdf', done => {
      media(location.href, run(parse('!http://example.pdf')).querySelector('img')!, {
        pdf: () => void done(false) || html('div')
      });
      assert(media(location.href, run(parse('!http://example/example.pdf')).querySelector('img')!, {})!.querySelector('object')!.getAttribute('type') === 'application/pdf');
      done();
    });

    it('image', () => {
      assert(media(location.href, run(parse('!{/ 4x3}')).querySelector('img')!, {}, caches.media)!.matches(`[src="/"][alt="/"][width="4"][height="3"]:not([aspect-ratio])`));
      assert(media(location.href, run(parse('!{/ 4:3}')).querySelector('img')!, {}, caches.media)!.matches(`[src="/"][alt="/"][aspect-ratio="4/3"]:not([width]):not([height])`));
      assert(media(location.href, run(parse('!{/ 4x3}')).querySelector('img')!, {}, caches.media)!.matches(`[src="/"][alt="/"][width="4"][height="3"]:not([aspect-ratio])`));
    });

  });

});