it-swarm.com.ru

Как вы тестируете веб-приложение реагировать с селеном?

У меня есть веб-приложение, использующее React, и я пытаюсь создать несколько тестов, используя Selenium RC. Я обнаружил, что когда Selenium изменяет значения полей, события не запускаются должным образом. Я знаю, что это довольно типичная проблема, о чем свидетельствует FAQ по WebDriver , и я пробовал множество разных вещей, таких как использование onFocus вместо onChange и проверка и изменение фокуса с помощью sendKeys () против type (), программно вызывая событие и любые другие предложения, которые я мог найти в Интернете, но я не смог заставить его работать.

В качестве простого примера того, что я пытаюсь сделать, я урезал пример реакции в поле для комментариев. У меня есть поле ввода textarea и div, который должен быть обновлен со значением textarea. Selenium может обновлять текстовую область, но когда это происходит, div не меняется.

Вот мой код реагирования:

/** @jsx React.DOM */

var MarkdownEditor = React.createClass({
  getInitialState: function() {
    return {value: 'Original Text'};
  },
  handleChange: function() {
    this.setState({value: this.refs.textarea.getDOMNode().value});
  },
  render: function() {
    return (
      <div className="MarkdownEditor">
        <h3>Input</h3>
        <textarea
          onChange={this.handleChange}
          ref="textarea"
          defaultValue={this.state.value} />
        <h3>Output</h3>
        <div
          className="content"
          id="content2",
          dangerouslySetInnerHTML={{
            __html: this.state.value
          }}
        />
      </div>
    );
  }
});

React.renderComponent(<MarkdownEditor />, document.getElementById('content'));

И вот мой текущий тестовый пример Selenium:

import com.thoughtworks.Selenium.*;
import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import static org.junit.Assert.*;
import Java.util.regex.Pattern;
import Java.util.Properties;
import junit.framework.TestCase;

public class textTest extends TestCase {

    protected Selenium selenium;

    @Before
    public void setUp() throws Exception {
        Properties sysProps = System.getProperties();
        String browser = sysProps.getProperty("browser.property");
        Selenium = new DefaultSelenium("localhost", 4444, "*chrome", "http://localhost/");
        Selenium.start();
    }

    @After
    public void tearDown() throws Exception {
        Selenium.stop();
    }

    @Test
    public void testText() throws Exception {
        Selenium.open("/reactTest/index.html");
        assertEquals("Original Text", Selenium.getText("id=content2"));
        Selenium.focus("id=content2");
        Selenium.type("css=textarea[value=\"Original Text\"]", "xxxxx");
        Selenium.focus("id=content");
        Selenium.runScript("$('#tatest').trigger('change')");
        assertEquals("xxxxxOriginal Text", Selenium.getText("id=content2"));
        Thread.sleep(80000);
    }

}

Правка: код теперь доступен по адресу https://github.com/ilionblaze/reactTest

Должен быть какой-то способ заставить эту работу!

7
Ilion

Попробуйте Simulate в дополнении React TestUtils:

React.addons.TestUtils.Simulate.change(document.getElementById('your-id-here'))

См. http://facebook.github.io/react/docs/test-utils.html#simulate

Также необходимо, чтобы вы переключились на файл React, содержащий дополнения: 

Msgstr "Чтобы получить надстройки, используйте response-with-addons.js (и его минимизированный Аналог), а не общий response.js." - http://facebook.github.io/react/docs/addons.html

3
MPV
import ReactTestUtils from 'react-addons-test-utils'    // ES6
var ReactTestUtils = require('react-addons-test-utils') // ES5 with npm
var ReactTestUtils = React.addons.TestUtils;            // ES5 with react-with-addons.js

обернуть это в библиотеку Python и загрузить его в РФ ...
Надеюсь, это сработает.

0
Sandeep