browser_tester 1.5.0

use super::*;

#[test]
fn embed_src_type_size_and_title_roundtrip_work() -> Result<()> {
    let html = r#"
        <embed
          id='asset'
          type='image/jpeg'
          src='/shared-assets/images/examples/flowers.jpg'
          width='250'
          height='200'
          title='Flowers preview'>
        <button id='run' type='button'>run</button>
        <p id='result'></p>
        <script>
          document.getElementById('run').addEventListener('click', () => {
            const asset = document.getElementById('asset');
            const initial =
              asset.role + ':' +
              asset.tagName + ':' +
              asset.src + ':' +
              asset.type + ':' +
              asset.width + ':' +
              asset.height + ':' +
              asset.getAttribute('title');

            asset.src = '/media/movie.mov';
            asset.type = 'video/quicktime';
            asset.width = 640;
            asset.height = 480;
            asset.setAttribute('title', 'Title of my video');

            const assigned =
              asset.src + ':' +
              asset.type + ':' +
              asset.width + ':' +
              asset.height + ':' +
              asset.getAttribute('src') + ':' +
              asset.getAttribute('type') + ':' +
              asset.getAttribute('width') + ':' +
              asset.getAttribute('height') + ':' +
              asset.getAttribute('title');

            document.getElementById('result').textContent = initial + '|' + assigned;
          });
        </script>
        "#;

    let mut h = Harness::from_html_with_url("https://app.local/page/index.html", html)?;
    h.click("#run")?;
    h.assert_text(
        "#result",
        ":EMBED:https://app.local/shared-assets/images/examples/flowers.jpg:image/jpeg:250:200:Flowers preview|https://app.local/media/movie.mov:video/quicktime:640:480:/media/movie.mov:video/quicktime:640:480:Title of my video",
    )?;
    Ok(())
}

#[test]
fn embed_is_void_and_role_assignment_roundtrip_work() -> Result<()> {
    let html = r#"
        <p id='line'>
          before
          <embed id='asset' src='/x.bin' type='application/octet-stream' width='1' height='1'>
          after
        </p>
        <button id='run' type='button'>run</button>
        <p id='result'></p>
        <script>
          document.getElementById('run').addEventListener('click', () => {
            const line = document.getElementById('line');
            const asset = document.getElementById('asset');
            const initial =
              asset.role + ':' +
              line.childElementCount + ':' +
              line.textContent.replace(/\s+/g, ' ').trim();

            asset.role = 'img';
            const assigned = asset.role + ':' + asset.getAttribute('role');
            asset.removeAttribute('role');
            const restored = asset.role + ':' + (asset.getAttribute('role') === null);

            document.getElementById('result').textContent =
              initial + '|' + assigned + '|' + restored;
          });
        </script>
        "#;

    let mut h = Harness::from_html(html)?;
    h.click("#run")?;
    h.assert_text("#result", ":1:before after|img:img|:true")?;
    Ok(())
}

#[test]
fn embed_reflective_own_property_surface_and_object_copy_work() -> Result<()> {
    let html = r#"
        <embed id='asset' src='/media/clip.mov' type='video/quicktime'>
        <p id='result'></p>
        <script>
          const asset = document.getElementById('asset');
          const beforeAssigned = Object.assign({}, asset);
          const beforeSpread = { ...asset };

          const before = [
            asset.src,
            String(Object.hasOwn(asset, 'src')),
            String(Object.getOwnPropertyDescriptor(asset, 'src') === undefined),
            String(Object.getOwnPropertyNames(asset).includes('src')),
            String(Reflect.ownKeys(asset).includes('src')),
            String('src' in beforeAssigned),
            String('src' in beforeSpread)
          ].join(':');

          Object.defineProperty(asset, 'src', {
            value: 'shadow-src',
            writable: true,
            enumerable: true,
            configurable: true
          });
          asset.extra = 'expando';

          const shadowAssigned = Object.assign({}, asset);
          const shadowSpread = { ...asset };

          const shadowed = [
            asset.src,
            String(Object.keys(asset).join(',') === 'extra,src'),
            shadowAssigned.src,
            shadowAssigned.extra,
            shadowSpread.src,
            shadowSpread.extra
          ].join(':');

          delete asset.src;

          const restoredAssigned = Object.assign({}, asset);
          const restoredSpread = { ...asset };

          const restored = [
            asset.src,
            String(Object.hasOwn(asset, 'src')),
            restoredAssigned.extra,
            String('src' in restoredAssigned),
            restoredSpread.extra,
            String('src' in restoredSpread)
          ].join(':');

          document.getElementById('result').textContent = [
            before,
            shadowed,
            restored
          ].join('|');
        </script>
        "#;

    let h = Harness::from_html_with_url("https://app.local/page/index.html", html)?;
    h.assert_text(
        "#result",
        "https://app.local/media/clip.mov:false:true:false:false:false:false|shadow-src:true:shadow-src:expando:shadow-src:expando|https://app.local/media/clip.mov:false:expando:false:expando:false",
    )?;
    Ok(())
}

#[test]
fn embed_manual_load_error_dispatch_and_resource_surface_work() -> Result<()> {
    let html = r#"
        <embed id='asset' src='/media/clip.mov' type='video/quicktime'>
        <p id='result'></p>
        <script>
          const asset = document.getElementById('asset');
          const log = [];
          const render = () => {
            document.getElementById('result').textContent = [
              log.join(','),
              asset.src,
              asset.type
            ].join('|');
          };

          asset.onload = (event) => {
            log.push('load:' + event.type + ':' + String(event.currentTarget === asset));
            render();
          };
          asset.addEventListener('error', (event) => {
            log.push('error:' + event.type + ':' + String(event.currentTarget === asset));
            render();
          });
        </script>
        "#;

    let mut h = Harness::from_html_with_url("https://app.local/page/index.html", html)?;
    h.dispatch("#asset", "load")?;
    h.dispatch("#asset", "error")?;
    h.assert_text(
        "#result",
        "load:load:true,error:error:true|https://app.local/media/clip.mov|video/quicktime",
    )?;
    Ok(())
}