Webdriverio: setValue () tidak menghapus masukan sebelum menyetel nilai baru

Bisakah Anda memposting log selenium dari bagian itu di mana Anda menggunakan setValue?

Tentu, ini dia bagian dari selenium log:

12:16:04.077 INFO - Done: [clear: 17 [[FirefoxDriver: firefox on WINDOWS (2009724f-387c-4e20-8dc2-92df612798a8)] -> xpath: (//button[.="Przesy?ka kurierska"]/../..//input)[3]]]
12:16:04.081 INFO - Executing: [send keys: 17 [[FirefoxDriver: firefox on WINDOWS (2009724f-387c-4e20-8dc2-92df612798a8)] -> xpath: (//button[.="Przesy?ka kurierska"]/../..//input)[3]], [5]])
12:16:04.104 INFO - Done: [clear: 18 [[FirefoxDriver: firefox on WINDOWS (2009724f-387c-4e20-8dc2-92df612798a8)] -> xpath: (//button[.="List polecony ekonomiczny"]/../..//input)[3]]]
12:16:04.110 INFO - Executing: [send keys: 18 [[FirefoxDriver: firefox on WINDOWS (2009724f-387c-4e20-8dc2-92df612798a8)] -> xpath: (//button[.="List polecony ekonomiczny"]/../..//input)[3]], [5]])
12:16:04.135 INFO - Done: [clear: 19 [[FirefoxDriver: firefox on WINDOWS (2009724f-387c-4e20-8dc2-92df612798a8)] -> xpath: (//button[.="List polecony priorytetowy"]/../..//input)[3]]]
12:16:04.140 INFO - Executing: [send keys: 19 [[FirefoxDriver: firefox on WINDOWS (2009724f-387c-4e20-8dc2-92df612798a8)] -> xpath: (//button[.="List polecony priorytetowy"]/../..//input)[3]], [1, 0]])

Saya melihat masalah yang sama. Input tidak dihapus (tidak dengan setValue () dan juga tidak dengan clearElement ()). Nilai-nilai baru ditambahkan.

12:41:57.165 INFO - Executing: [find elements: By.cssSelector: input[name=email]])
12:41:57.183 INFO - Done: [find elements: By.cssSelector: input[name=email]]
12:41:57.191 INFO - Executing: [clear: 3 [[ChromeDriver: chrome on MAC (1f3151b777f3aaf6b39852c72fc62d1a)] -> css selector: input[name=email]]])
12:41:57.219 INFO - Done: [clear: 3 [[ChromeDriver: chrome on MAC (1f3151b777f3aaf6b39852c72fc62d1a)] -> css selector: input[name=email]]]
12:41:57.227 INFO - Executing: [send keys: 3 [[ChromeDriver: chrome on MAC (1f3151b777f3aaf6b39852c72fc62d1a)] -> css selector: input[name=email]], [t, e, s, t, @, t, e, s, t, ., t, e, s, t]])
12:41:57.295 INFO - Done: [send keys: 3 [[ChromeDriver: chrome on MAC (1f3151b777f3aaf6b39852c72fc62d1a)] -> css selector: input[name=email]], [t, e, s, t, @, t, e, s, t, ., t, e, s, t]]

Saya menggunakan webdriverio 4.0.3 dan merkuri untuk merender html.

Tampaknya perintah tersebut berhasil dijalankan. Tampaknya menjadi masalah Chromedriver.

Menghadapi masalah yang sama. Masukan tidak dihapus dengan clearElement () maupun setValue ().

Namun, itu mulai berfungsi untuk saya ketika saya mengklik input atau menulis sesuatu sebelum membersihkan (saya menggunakan cucumberjs - dan untuk beberapa alasan aneh itu tidak berfungsi ketika saya mengklik / menulis di langkah yang sama, tetapi berfungsi dengan baik jika saya melakukannya ini di langkah sebelumnya).

PS Saya menggunakan selenium: "2.48.2", chromedriver: "2.20", webdriverio: "2.4.5". ReactJS.

Bisakah Anda memperbarui server mandiri selenium dan mencoba lagi?

@adolatowska Saya baru saja menjalankan tes sederhana (lihat di bawah) dengan versi webdriverio yang sama, server mandiri selenium yang sama, tetapi FF berbeda (45.0.1) dan bekerja dengan baik untuk saya. FYI @ christian-bromann

var webdriverio = require('../webdriverio');
var options = {
    desiredCapabilities: {
        browserName: 'firefox'
    }
};

webdriverio
    .remote(options)
    .init()
    .url('http://www.google.co.uk')
    .setValue('#lst-ib', 'test')
    .pause(5000)
    .setValue('#lst-ib', 'arek')
    .pause(5000)
    .end();

Selenoum Logs di bawah ini

14:05:56.883 INFO - Selenium Server is up and running
14:06:03.154 INFO - Executing: [new session: Capabilities [{rotatable=true, locationContextEnabled=true, loggingPrefs=org.openqa.selenium.logging.LoggingPreferences<strong i="12">@6de9b74d</strong>, browserName=firefox, javascriptEnabled=true, handlesAlerts=true, version=, platform=ANY, requestOrigins={name=webdriverio, version=3.4.0, url=http://webdriver.io}}]])
14:06:03.171 INFO - Creating a new session for Capabilities [{rotatable=true, locationContextEnabled=true, loggingPrefs=org.openqa.selenium.logging.LoggingPreferences<strong i="13">@6de9b74d</strong>, browserName=firefox, javascriptEnabled=true, handlesAlerts=true, version=, platform=ANY, requestOrigins={name=webdriverio, version=3.4.0, url=http://webdriver.io}}]
14:06:06.831 INFO - Done: [new session: Capabilities [{rotatable=true, locationContextEnabled=true, loggingPrefs=org.openqa.selenium.logging.LoggingPreferences<strong i="14">@6de9b74d</strong>, browserName=firefox, javascriptEnabled=true, handlesAlerts=true, version=, platform=ANY, requestOrigins={name=webdriverio, version=3.4.0, url=http://webdriver.io}}]]
14:06:06.852 INFO - Executing: [get: http://www.google.co.uk])
14:06:08.377 INFO - Done: [get: http://www.google.co.uk]
14:06:08.410 INFO - Executing: [find elements: By.id: lst-ib])
14:06:08.514 INFO - Done: [find elements: By.id: lst-ib]
14:06:08.530 INFO - Executing: [clear: 0 [[FirefoxDriver: firefox on MAC (5649de47-170c-d74d-b813-018cfa7da030)] -> id: lst-ib]])
14:06:08.623 INFO - Done: [clear: 0 [[FirefoxDriver: firefox on MAC (5649de47-170c-d74d-b813-018cfa7da030)] -> id: lst-ib]]
14:06:08.633 INFO - Executing: [send keys: 0 [[FirefoxDriver: firefox on MAC (5649de47-170c-d74d-b813-018cfa7da030)] -> id: lst-ib], [t, e, s, t]])
14:06:08.716 INFO - Done: [send keys: 0 [[FirefoxDriver: firefox on MAC (5649de47-170c-d74d-b813-018cfa7da030)] -> id: lst-ib], [t, e, s, t]]
14:06:13.729 INFO - Executing: [find elements: By.id: lst-ib])
14:06:13.741 INFO - Done: [find elements: By.id: lst-ib]
14:06:13.750 INFO - Executing: [clear: 0 [[FirefoxDriver: firefox on MAC (5649de47-170c-d74d-b813-018cfa7da030)] -> id: lst-ib]])
14:06:13.780 INFO - Done: [clear: 0 [[FirefoxDriver: firefox on MAC (5649de47-170c-d74d-b813-018cfa7da030)] -> id: lst-ib]]
14:06:13.787 INFO - Executing: [send keys: 0 [[FirefoxDriver: firefox on MAC (5649de47-170c-d74d-b813-018cfa7da030)] -> id: lst-ib], [a, r, e, k]])
14:06:13.851 INFO - Done: [send keys: 0 [[FirefoxDriver: firefox on MAC (5649de47-170c-d74d-b813-018cfa7da030)] -> id: lst-ib], [a, r, e, k]]
14:06:18.861 INFO - Executing: [delete session: f39e1174-0b7a-42b2-9d9d-1ac3505416f8])
14:06:19.596 INFO - Done: [delete session: f39e1174-0b7a-42b2-9d9d-1ac3505416f8]

Saya telah menguji lagi dengan Selenium Standalone versi 2.53.0 dan kedua versi FF: 45.0.1 dan 45.0.2. Situasinya sama. Berikut adalah log Selenium dari run di FF v.45.0.1:

> 19:26:55.659 INFO - Executing: [clear: 22 [[FirefoxDriver: firefox on WINDOWS (c9c978bb-acc5-4693-a830-5676e4c0b35d)] -> xpath: (//button[.="Przesy?ka kurierska"]/../..//input)[3]]])
> 19:26:55.664 INFO - Done: [find elements: By.xpath: (//button[.="List polecony ekonomiczny"]/../..//input)[3]]
> 19:26:55.671 INFO - Executing: [clear: 23 [[FirefoxDriver: firefox on WINDOWS (c9c978bb-acc5-4693-a830-5676e4c0b35d)] -> xpath: (//button[.="List polecony ekonomiczny"]/../..//input)[3]]])
> 19:26:55.677 INFO - Done: [find elements: By.xpath: (//button[.="List polecony priorytetowy"]/../..//input)[3]]
> 19:26:55.684 INFO - Executing: [clear: 24 [[FirefoxDriver: firefox on WINDOWS (c9c978bb-acc5-4693-a830-5676e4c0b35d)] -> xpath: (//button[.="List polecony priorytetowy"]/../..//input)[3]]])
> 19:26:55.700 INFO - Done: [clear: 22 [[FirefoxDriver: firefox on WINDOWS (c9c978bb-acc5-4693-a830-5676e4c0b35d)] -> xpath: (//button[.="Przesy?ka kurierska"]/../..//input)[3]]]
> 19:26:55.704 INFO - Executing: [send keys: 22 [[FirefoxDriver: firefox on WINDOWS (c9c978bb-acc5-4693-a830-5676e4c0b35d)] -> xpath: (//button[.="Przesy?ka kurierska"]/../..//input)[3]], [5]])
> 19:26:55.721 INFO - Done: [clear: 23 [[FirefoxDriver: firefox on WINDOWS (c9c978bb-acc5-4693-a830-5676e4c0b35d)] -> xpath: (//button[.="List polecony ekonomiczny"]/../..//input)[3]]]
> 19:26:55.726 INFO - Executing: [send keys: 23 [[FirefoxDriver: firefox on WINDOWS (c9c978bb-acc5-4693-a830-5676e4c0b35d)] -> xpath: (//button[.="List polecony ekonomiczny"]/../..//input)[3]], [5]])
> 19:26:55.741 INFO - Done: [clear: 24 [[FirefoxDriver: firefox on WINDOWS (c9c978bb-acc5-4693-a830-5676e4c0b35d)] -> xpath: (//button[.="List polecony prioryteto
> wy"]/../..//input)[3]]]
> 19:26:55.745 INFO - Executing: [send keys: 24 [[FirefoxDriver: firefox on WINDOWS (c9c978bb-acc5-4693-a830-5676e4c0b35d)] -> xpath: (//button[.="List polecony priorytetowy"]/../..//input)[3]], [1, 0]])
> 19:26:55.780 INFO - Done: [send keys: 22 [[FirefoxDriver: firefox on WINDOWS (c9c978bb-acc5-4693-a830-5676e4c0b35d)] -> xpath: (//button[.="Przesy?ka kurierska"]/../..//input)[3]], [5]]
> 19:26:55.814 INFO - Done: [send keys: 23 [[FirefoxDriver: firefox on WINDOWS (c9c978bb-acc5-4693-a830-5676e4c0b35d)] -> xpath: (//button[.="List polecony ekonomiczny"]/../..//input)[3]], [5]]
> 19:26:55.859 INFO - Done: [send keys: 24 [[FirefoxDriver: firefox on WINDOWS (c9c978bb-acc5-4693-a830-5676e4c0b35d)] -> xpath: (//button[.="List polecony priorytetowy"]/../..//input)[3]], [1, 0]]

dan berikut adalah log dari run di FF v. 45.0.2:

> 19:31:35.154 INFO - Executing: [clear: 22 [[FirefoxDriver: firefox on WINDOWS (a1c5eedb-cbcb-40af-8c64-142651c20683)] -> xpath: (//button[.="List polecony priorytetowy"]/../..//input)[3]]])
> 19:31:35.160 INFO - Done: [find elements: By.xpath: (//button[.="List polecony ekonomiczny"]/../..//input)[3]]
> 19:31:35.165 INFO - Executing: [clear: 23 [[FirefoxDriver: firefox on WINDOWS (a1c5eedb-cbcb-40af-8c64-142651c20683)] -> xpath: (//button[.="List polecony ekonomiczny"]/../..//input)[3]]])
> 19:31:35.176 INFO - Done: [find elements: By.xpath: (//button[.="Przesy?ka kurierska"]/../..//input)[3]]
> 19:31:35.181 INFO - Executing: [clear: 24 [[FirefoxDriver: firefox on WINDOWS (a1c5eedb-cbcb-40af-8c64-142651c20683)] -> xpath: (//button[.="Przesy?ka kurierska"]/../..//input)[3]]])
> 19:31:35.199 INFO - Done: [clear: 22 [[FirefoxDriver: firefox on WINDOWS (a1c5eedb-cbcb-40af-8c64-142651c20683)] -> xpath: (//button[.="List polecony priorytetowy"]/../..//input)[3]]]
> 19:31:35.204 INFO - Executing: [send keys: 22 [[FirefoxDriver: firefox on WINDOWS (a1c5eedb-cbcb-40af-8c64-142651c20683)] -> xpath: (//button[.="List polecony priorytetowy"]/../..//input)[3]], [1, 0]])
> 19:31:35.219 INFO - Done: [clear: 23 [[FirefoxDriver: firefox on WINDOWS (a1c5eedb-cbcb-40af-8c64-142651c20683)] -> xpath: (//button[.="List polecony ekonomiczny"]/../..//input)[3]]]
> 19:31:35.223 INFO - Executing: [send keys: 23 [[FirefoxDriver: firefox on WINDOWS (a1c5eedb-cbcb-40af-8c64-142651c20683)] -> xpath: (//button[.="List polecony ekonomiczny"]/../..//input)[3]], [5]])
> 19:31:35.239 INFO - Done: [clear: 24 [[FirefoxDriver: firefox on WINDOWS (a1c5eedb-cbcb-40af-8c64-142651c20683)] -> xpath: (//button[.="Przesy?ka kurierska"]/../..//input)[3]]]
> 19:31:35.244 INFO - Executing: [send keys: 24 [[FirefoxDriver: firefox on WINDOWS (a1c5eedb-cbcb-40af-8c64-142651c20683)] -> xpath: (//button[.="Przesy?ka kurierska"]/../..//input)[3]], [5]])
> 19:31:35.298 INFO - Done: [send keys: 22 [[FirefoxDriver: firefox on WINDOWS (a1c5eedb-cbcb-40af-8c64-142651c20683)] -> xpath: (//button[.="List polecony priorytetowy"]/../..//input)[3]], [1, 0]]
> 19:31:35.337 INFO - Done: [send keys: 23 [[FirefoxDriver: firefox on WINDOWS (a1c5eedb-cbcb-40af-8c64-142651c20683)] -> xpath: (//button[.="List polecony ekonomiczny"]/../..//input)[3]], [5]]
> 19:31:35.372 INFO - Done: [send keys: 24 [[FirefoxDriver: firefox on WINDOWS (a1c5eedb-cbcb-40af-8c64-142651c20683)] -> xpath: (//button[.="Przesy?ka kurierska"]/../..//input)[3]], [5]]

@adolatowska / @ christian-bromann apakah hanya saya atau "clear" kirim ke (//button[.="Przesy?ka kurierska "] /../..// input) [3]]]) tetapi " kirim kunci " ke (//button[.="Przesy?ka kurierska"] /../..// input) [3]]

Perhatikan ekstra "]" dalam perintah yang jelas di bagian akhir. Itu akan menjelaskan, mengapa tidak menghapus nilai.

@adolatowska dapatkah Anda mencoba menggunakan selektor yang berbeda?

Menutup karena tidak aktif. Saya dengan senang hati membuka ini lagi, jika masih berlaku.

Saya juga memiliki masalah yang sama dengan FF 47-49

Saya mengalami masalah yang sama dengan Firefox 53.0.2 dan Chrome 58.0.3029.110 dan selenium-standalone 6.4.1. Saya sedang menguji aplikasi React, jika itu membantu sama sekali.

Saya menambahkan resolusi di sini dan di # 891 untuk solusi yang saya gunakan. Sepertinya React DOM kami tidak memperbarui setiap kali elemen dihapus dengan .clearElement () dan kemudian disetel lagi dengan .setValue (), jadi saya harus memundurkan karakter bidang satu per satu:

let x = browser.getValue(selector);
for (let i = 0; i < x.length; i++) { browser.setValue(selector, "\uE003").pause(100); };
browser.setValue(selector, newValue);

@jkwaldrip Solusi ini tidak berhasil untuk saya. Kami menggunakan react-redux untuk front end kami dan menggunakan setValue, nilainya selalu ditambahkan bahkan jika saya mengosongkan bidang menggunakan clearElement (). atau dengan spasi belakang seperti yang diberikan dalam kode Anda di atas. Adakah langkah lain yang dapat saya coba?

Apakah belum ada solusi. Saya masih melihat masalah yang sama. Ini konfigurasi saya

"wdio-chromedriver-service": "^0.1.2",
"webdriverio": "^4.8.0"

selenium-server-standalone-2.53.1.jar

Masalah yang sama di sini.
Selenium Server 3.14.0
Chromedriver 2.41

Masalah yang sama muncul kembali di sini setelah meningkatkan versi ke Chromedriver 2.43 - sekarang harus mengandalkan saran @jkwaldrip dengan spasi mundur.

Silakan coba ini, itu berhasil untuk saya
Pertama-tama kita perlu memfokuskan pada elemen, lalu menghapusnya dan kemudian menulis hal-hal di atasnya.

.click('input[aria-label=Login]') // Workaround to make .clearValue() possible.
.clearValue('input[aria-label=Login]') // Without clearValue() the value would be appended.
.setValue('input[aria-label=Login]', 'new_value')

Itulah yang saya lakukan sampai hari ini, di mana saya memperbarui ke Chromedriver terbaru, dan itu berhenti bekerja.

Saya bisa mengkonfirmasinya.
Harap buka kembali laporan bug.

@ MartinX3 dapatkah Anda membuktikan bahwa bug ini terkait dengan WebdriverIO? setValue belum berubah dalam waktu terakhir jadi sepertinya Chrome memperkenalkan regresi ini.

Oh, dapatkah Anda membantu kami dengan memberikan tautan di mana menempatkan permintaan bug ini?

Saya melanjutkan pekerjaan selenium saya minggu depan.

Saya sudah mulai menghadapi masalah ini juga untuk aplikasi reaksi sejak saya memutakhirkan
"wdio-selenium-standalone-service": dari "0.0.10" hingga "0.0.11".

Jika orang lain mengalami masalah ini, berikut adalah solusi yang saya temukan:

let valueLength = browser.getValue(id).length
let backSpaces = new Array(valueLength).fill('Backspace')
browser.setValue(id, backSpaces)

Solusi yang ditawarkan @jkwaldrip berhasil untuk saya tetapi sangat lambat. Ini mundur secepat pengetikan biasa.

Adakah yang bisa memastikan apakah ini memang masalah chromedriver dan bagaimana mereka menentukannya?

saya dapat menemukan solusi yang baik. jadi ..... saya melakukannya

 browser.addCommand("clearValue2", async function () {
            let valueLength = this.getValue().length
            let backSpaces = new Array(valueLength).fill('Backspace')
            this.setValue(backSpaces)

        }, true);
        browser.addCommand("setValue2", async function (val) {
            this.clearValue2();
            this.setValue(val)
        }, true);

Masalah yang sama untuk:

"webdriverio": "5.7.15"

Jika Anda menggunakan:

selector.click()
selector.clearValue()
selector.setValue()

clearValue() juga diabaikan dan Anda mendapat masalah yang sama.

Untuk menangani masalah ini, saya menemukan solusi ini dan berfungsi untuk saya:

selector.doubleClick() //selects the text written in the input
browser.keys("Delete") //removes old value
selector.setValue() //sets new Value

1. in WebdriverIO v4, i tried to edit the text field by clear text (which contains special charactes like @, +, _) in text field by below following step. Eventhough it was not successful.

example: text=> [email protected]

step1:browser.clearElement(selector);

step2:browser.execute(function () {
            document.querySelector(>>>Cssselector<<<).value="";
        });

step3: browser.doubleClick(selector);
       browser.keys("Delete");

step4: browser.click(selector);
       browser.keys(['Meta',a]);
       browser.keys('Meta');
       browser.keys('Delete');

Note: below step is resolved this issue.

var count= browser.getAttribute(selector, value).length;
for (var i=0;i<count;i++)
{
if (browser.getAttribute(selector, value)=='')
break;
}
else
{
browser.doubleClick(selector);
browser.keys("Delete");
}
browser.pause(200);

// itu akan membersihkan bidang teks Anda dengan mudah.

Catatan: Anda dapat menambahkan teks baru di bidang teks itu.

Hanya ingin meninggalkan dua sen saya untuk ini karena barang di atas tidak pernah berhasil. Saya membuat fungsi utilitas dan meneruskan elemen (dengan TypeScript).

export const deleteValue = async (browser: TestBrowser, selector: WebdriverIOAsync.Element) => {
    const value = await selector.getValue()
    const count = value.length
    for (var i=0;i<count;i++) {
        await selector.click();
        await browser.keys(['Meta', 'a']);
        await browser.keys(['Backspace']);
    }
    /*Modifier like Ctrl, Shift, Alt and Meta will stay pressed so you need to trigger them again to release them.*/
    await browser.keys(['Meta', 'a']);
    await browser.pause(200);
}

dan saya lulus seperti itu ...

const nameInput = await browser.$(`input[name=name]`);
await deleteValue(browser, nameInput);
await nameInput.setValue('John Doe');

Mendapatkan masalah yang sama di sini. Ketika ada nilai yang diatur ke input, fungsi hapus gagal (tidak peduli jika fokus diatur pada input). Tetapi jika tidak ada nilai default dan kami mengetik AND kemudian menghapus, ini berfungsi.

@NBukuri solusi Anda hanya berfungsi untuk input yang tidak berisi karakter khusus.

@fahrizal
untuk hal-hal yang berkarakter khusus, cobalah untuk mendapatkan panjang dari field input tersebut. terapkan loop untuk menghapus dengan klik dua kali pada bidang teks sampai teks == ""

var count = browser.getAttribute (selector, value) .length;
untuk (var i = 0; i {
if (browser.getAttribute (selector, value) == '')
istirahat;
}
lain
{
browser.doubleClick (selector);
browser.keys ("Hapus");
}
browser.pause (200);

sekarang kirim nilai masukan ke bidang teks yang sesuai.
this.inputfield.setValue (inputValue)

@Rajendiran

Kami telah melakukan persis seperti itu. Hanya ingin menyebutkan bahwa double click tidak berfungsi bila ada lebih dari 1 kata atau karakter khusus yang di input.

Saya berjuang dengan ini untuk sementara waktu dan menulis solusi yang canggung.

function clearInputValue(inputElement) { while (inputElement.getValue() !== '') { inputElement.doubleClick(); browser.keys('Delete'); inputElement.clearValue(); } }

Ketika saya menjalankan tes di Mac saya (lokal) clearValue () berfungsi dengan baik, tetapi ketika tes yang sama dijalankan di lingkungan Docker Linux (circleci / node: 10-buster-browser-legacy), saya perlu menggunakan solusi yang disebutkan @ bob-laz. Bisa lebih baik jika hal yang sama diperbaiki untuk lingkungan Linux juga.