0

Я пытаюсь получить доступ к контенту фрейма (сам фрейм содержится в файле iframe.html на сайте, не кросс-доменный фрейм) в Jasmine тестах. Сам файл iframe.html имеет такую разметку

<iframe style="width:100%; height: 100%;" class="frame">
    <html lang="en">
        <head> .... </head>
        <body> ... </body>
    </html>
</frame>

JS

    describe('DOM of color elements checking', function () {
    jasmine.getFixtures().fixturesPath = 'base/tests/units/js/fixtures';
    jasmine.getFixtures().load('frame.html');
    var fixtureIframe = readFixtures('iframe.html'); //here is iframe HTML
    $('.workspace__iframe-wrapper').append(fixtureIframe);

    $('iframe').load(function(){

       var body = $('.frame').contents().find('body');
       console.log(body);
    });
});

Но контент в фрейм не загружается. Почему это происходит?

27
  • Я голосую за закрытие этого вопроса как не соответствующего теме, потому что он задан не по-русски 18 авг 2015 в 10:01
  • 1
    Если для Вас, уважаемы тутанхамон, проблема прочитать вопрос на английском, то я могу перевести его: "Я пытаюсь получить доступ к контенту фрейма в тестах Jasmine (... дальше идет пример моего кода...) Но в фрейм не загружаются данные. Почему это происходит?" 18 авг 2015 в 10:19
  • 1
    @GennadiyShvedko а вы уверены, что контент во фрейм не загружается? Может он просто не доступен? Есть у меня такое чувство, что у вас проблема с кросс-доменными фреймами. 18 авг 2015 в 10:47
  • 1
    @Visman, если я правильно понял логику теста, то сначала создается iframe с src на другом домене, а уже после его загрузки ($('iframe').load) происходит попытка обращения к содержимому. Так что это в чистом виде кросдоменные фреймы со всеми вытекающими. 18 авг 2015 в 10:57
  • 1
    @GennadiyShvedko не надо вводить людей в заблуждение! Что вы понимаете под "HTML уже записан в iframe.html"? Приведите содержимое iframe в тексте вопроса. Вы ведь понимаете, что содержимое в iframe все равно будет загружаться из src после его отрисовки? Единственное исключение -- если в браузере отключена поддержка iframe 18 авг 2015 в 11:03

2 ответа 2

3

Разметка, которая указывается между тегами <iframe> и </iframe> используется только если браузер не поддерживает iframe (либо эта опция отключена). Во всех других случаях будет происходить загрузка документа, указанного в атрибуте src (который у вас не указан).

Отсутствие атрибута src приводит к тому, что браузер на самом деле не загружает содержимое фрейма и не вызывает события onload(пруф). Фактически в iframe у вас будет что-то вроде:

<html><head></head><body></body></html>

Самое интересное, контент, который вы указали между тегами <iframe> и </iframe> будет проигнорирован, потому, что фреймы в браузере включены, но атрибута src нет. А вот и пруф.

Как результат: ваши тесты не работают. Я не представляю, что именно вы хотите тестировать (никакой конкретики в вопросе нет), но вы делаете это абсолютно не правильно.

8
  • Все же на этом сайте есть телепаты ;)
    – Visman
    18 авг 2015 в 12:06
  • @Visman, и все-таки я не угадал :) 19 авг 2015 в 11:00
  • Ответ же как правильным был помечен О_о
    – Visman
    19 авг 2015 в 11:06
  • @Visman, Больше нет :) Ждем, пока автор отметит свой ответ как правильный. 19 авг 2015 в 11:08
  • @Visman я пока не могу голосовать поэтому не могу отблагодарить автора данного ответа, но этот ответ не полный значит не могу сказать что он решил мою проблему на 100% 19 авг 2015 в 12:28
0

Спасибо всем за попытки угадать мои мысли))) Но я нашел решение. Во-первых в Karma настроил роутинг на тот же хост и порт где отдаю контент фрейма, т.о. я избавился от кросс-домености. Во-вторых до меня дошло, что фрейм загружается после старта тестов, т.е. тесты уже запустились а фрейм еще ничего не содержит. Поэтому я воспользовался рецептом для проверки ассинхронности

JS

beforeEach(function(done){

    jasmine.getFixtures().fixturesPath = 'base/tests/units/js/fixtures';
    jasmine.getFixtures().load('frame.html');
    interval = jasmine.DEFAULT_TIMEOUT_INTERVAL;
    jasmine.DEFAULT_TIMEOUT_INTERVAL = 15000;

    intId = setInterval(function() {

        $('#frame').load(function(){
            done();
        });
      }, 500);
});

После этой манипуляции я добился нужного результата - тесты стали запускаться после загрузки фрейма.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.