Conductor del transportador + chrome: El elemento no es clickable en el punto

Siguiente funcionó bien para mí:

browser.actions().mouseMove(element).click();

Esto sucede si la ventana de Chrome es demasiado pequeña, intente agregar dentro del beforeEach

browser.driver.manage().window().setSize(1280, 1024);

O simplemente use la clase Actions:

browser.actions().mouseMove(elem).click().perform();

Tal vez no sea aplicable en tu caso, pero me he encontrado con el mismo problema y basándome en la respuesta de Milena he estado buscando otro elemento que oscurezca mi botón (en mi caso, un menú desplegable en la parte superior derecha de mi pantalla).

Parece ser el mensaje de notificación Conectado a Browser Sync enviado por browsersync, lanzado por Gulp. El mensaje desapareció después de un corto tiempo, pero después de mi llamada onClick ().

Para eliminar la notificación, en mi gulpfile, he añadido el parámetro notify: false al inicializar browsersync:

browserSync.init(files, {
    server: {
        baseDir: "dist",
        index: "index.html"
    },
    notify: false
});

Soluciono este problema usando el tiempo de reposo del navegador.

browser.driver.sleep(3000)

Antes de dar clic botón

Tuve el mismo error y simplemente ajustar el tamaño de la pantalla no lo solucionó para mí.

Tras una inspección posterior, parecía que otro elemento estaba oscureciendo el botón, por lo tanto, la prueba de Selenio falló porque no se hizo clic en el botón (y no se pudo hacer). Tal vez es por eso que ajustar el tamaño de la pantalla lo arregla para algunos?

Lo que arregló la mina fue eliminar el otro elemento (y luego ajustar el posicionamiento de la misma).

Esto funciona mejor que especificar el tamaño de la ventana, en caso de que la prueba necesite ejecutarse en varias pantallas.

browser.manage().window().maximize();

Tuvo el mismo problema, pero no estaba relacionado con el tamaño de la ventana, pero tuvo que esperar a que ngAnimation terminara.

Así que tuve que esperar hasta que el elemento era clickable con.

    const msg = 'Waiting for animation timeout after 1s';
    const EC  = new protractor.ProtractorExpectedConditions();
    await browser.wait(EC.elementToBeClickable(model.elements.button.checkCompliance), 1000, `${msg} panel`);
    await model.elements.button.checkCompliance.click();

@note - Estoy usando la función async/await node 8, podrías convertir esto en Promesas regulares. También usando ProtractorExpectedConditions en lugar de ExpectedConditions véase la documentación

También puede intentar desactivar cualquier herramienta de depuración que pueda estar utilizando. Estaba usando Laravel y debugbar y tuve que establecer APP_DEBUG en false.

De La respuesta de Gal Malgarit ,

Debe establecer el tamaño de la ventana en su archivo de configuración

onPrepare: function() {
  browser.manage().window().setSize(1600, 800);
}

Si todavía no funciona, debe desplazarse a la ubicación del elemento

browser.executeScript('window.scrollTo(720, 881);');
element(by.id('add-stuff-button')).click();

De otra manera, puedes probar esto:

this.setScrollPage = function (element) {

    function execScroll() {
        return browser.executeScript('arguments[0].scrollIntoView()',
            element.getWebElement())
    }

    browser.wait(execScroll, 5000);
    element.click();
};

Tenga en cuenta que esto fue causado en algún momento por una barra de navegación superior o barra de navegación inferior / barra de advertencia de cookies que cubre el elemento. Con angular 2, al hacer clic se desplaza hasta que el elemento está solo en la página. Eso significa que al desplazarse hacia abajo para hacer clic en algo, si hay una navegación inferior, entonces esto obstruirá el clic. Del mismo modo, al desplazarse hacia arriba puede ser cubierto por la navegación superior.

Por ahora, para evitar el desplazamiento hacia arriba, estoy usando lo siguiente:

browser.refresh();
browser.driver.sleep(3000);

Me aseguré de eliminar la barra inferior haciendo clic para cerrarla antes de que comenzara la prueba.