What is the process for writing in a pre-formatted tag?

I encountered an issue where I couldn't write a value to a field using Selenium's .sendKeys. As a workaround, I decided to use the following jsCode:

element = xpath(//pre[@role='presentation'])


executeJavaScript("arguments[0].value='RESPONSE';", element)

Additionally,

executeJavaScript("arguments[0].setAttribute('value', 'RESPONSE')", element);

I am puzzled as to why these methods are not working - although the test passes, the value is not being written to the field.

$("div pre").append("RESPONSE")
- this line works in devTools.

Here is the full HTML code snippet:

<body>
    <div style="position: relative;">
        <div aria-hidden="true" class="CodeMirror-gutter-wrapper" style="left: -30px;">
            <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">
                1
            </div>
        </div>
        <pre class="CodeMirror-line" role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span>​</span></span></pre>
    </div>
</body>
javascriptjavaseleniumautomated-testsselenide

Answer №1

When attempting to add content to the pre tag, consider using a method like 

executeJavaScript("arguments[0].append('RESPONSE')", element);
. This will append the response to the element specified in arguments[0].

If you need to assign a value attribute to the pre element, use 

"arguments[0].setAttribute('value', 'RESPONSE')"
to create 
<pre role='presentation' value="RESPONSE">
.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Creating a dropdown menu using React库

The API response I received looks like this:- [ { "Product.Name": "Data Migration - Test1", "Product.Id": "8ad0", "Product.Hello__c": { "Value": "First ...

javascriptreactjsarrays

Android Lollipop's LinearLayout positioned at the bottom of the screen

I am experiencing an issue specifically on Android Lollipop, as older versions of the operating system seem to work fine (ranging from 4.0 to 4.X). Within my XML layout, I have divided it into 3 parts: First part: An ImageView with TextView. Second part ...

javaandroidxmlandroid-layoutlistview

Utilize MongoDB Java driver to store a collection of interface instances

My POJO contains a list of resources that are interfaces of ResourceType1 and ResourceType2. public class MyPojo { private List<Resource>; .... } public interface Resource { public String getResourceId(); } public ResourceType1 implements Reso ...

javamongodb

In an effort to bring some flair to my React Hangman App, I am working on animating a collection

Challenge In my Hangman App, I am attempting to implement letter animations using react-spring. I want the letters from an array to fade in when loaded and fade out when removed by clicking on them. However, my previous attempts have resulted in laggy per ...

javascriptarraysreactjsanimationreact-spring

What is the best way to retrieve the private key from a pfx certificate using Java?

Having trouble reading a private key in Java. I've learned that I need to extract the private key from my full certificate in PFX format. Despite using OpenSSL commands to convert the PFX file to PEM and then to PK8, Java keeps throwing an error sayin ...

javasecurityopensslprivate-keypem

Utilize Ajax and Nodejs to inject dynamic content into your webpage

Seeking assistance in implementing a project where a navigation bar on the page contains various items, and I aim to display the content of each tab without reloading the entire page. Utilizing Nodejs with the ejs template engine, my research hasn't l ...

javascriptjquerynode.jsajaxexpress

Is it possible to reveal a concealed element or modify the functionality of a hyperlink?

I have a link in the navigation that includes an animated icon of a + turning into an x. When the icon is in the x state, I want users to be able to close it by clicking on the icon or text. However, I am unsure of the best way to approach this. One op ...

javascriptangularjsangular-ui-router

Avoiding infinite loops while updating an object's properties in Vue JS watchers

I am working with an Array of Objects set up like this: let tree = [ { task: "Some Task", spentTime : 2, subTasks: { task: "Some Sub Task", spentTime: 1, subTasks:{ task:"Some ...

javascriptvue.jsvuejs2vue-component

Accessing elements of a page that are contained within a div on the parent page can be done using Webdriver

There is a scenario where a page (URL 2) is being loaded within a Div element (Popup) on another page (master page) when a button is clicked on the master page (URL 1). I am encountering difficulty in accessing elements on this embedded page. The Firepat ...

c#jqueryseleniumautomationwebdriver

When employing Flatlist, an issue arises where the image fails to appear on the screen, accompanied by an error message stating "value for uri cannot be cast from Double to String."

I'm facing an issue with displaying images in my flatlist. The error message I receive is "Error while updating property 'src' of a view managed by : RTCImageView." Can anyone help me identify what might be causing this problem in my code? ...

javascriptreactjsreact-nativemobile

Troubleshooting issues with RPi 4, Selenium, Firefox, and Geckodriver during execution

I'm attempting to use selenium 4.1.0 with Firefox on my Raspberry Pi 4 running Raspbian/RaspiOS (unable to use Chromium, already tried that). The geckodriver version I'm using is 0.23.0 (latest version with arm7 download). My Firefox version is ...

pythonseleniumselenium-webdriverfirefoxraspberry-pi

determining the dimensions of an SVG element following skew transformation using JavaScript

I have an SVG element called rect that has the following attributes: <rect x="50" y="10" width="20" height="30" style="stroke: #000000; fill:none;" /> After applying a transformation of skewX(10), the dimensions of the rectangle are altered. How c ...

javascriptsvg

Having trouble with Axios PUT request not sending complete data to the server using JavaScript

One issue I'm encountering is that when sending an axios request with specific data, not all of the data gets updated in the user model. Here's a look at my code: Here is the Front-End code with axios request: import axios from "axios" ...

javascriptreactjsexpresshttpaxios

What distinguishes a WAV file recorded from a user's microphone versus a WAV file imported from a separate file? Identifying the unique characteristics that may be causing bugs

Currently, I have two methods available for sending a WAV file to the server. Users can either upload the file directly or record it using their microphone. After the files are sent, they undergo a similar processing workflow. The file is uploaded to S3 an ...

javascriptdjangoaudioamazon-s3

Guide to finding a specific element on a website with Selenium and Python 3.6

Currently, I am working on a Python script to automate a process in Selenium. This is my first experience with xpath and I am puzzled as to why the xpath I obtained from Chrome web inspect (F12) is not working. The xpath I copied after clicking on the text ...

python-3.xseleniumxpathcss-selectorswebdriverwait

Is there a way to deserialize UTF8 encoded Byte[] in JavaScript within the browser or a Node.js application?

In my C# code, I have defined an event class like this: public class AreaInterventoCreata{ //public properties } var message= new AreaInterventoCreata(); After creating an instance of this class on the server side, I need to inform the subscribed cli ...

c#javascriptnode.jssocket.iorabbitmq

What methods can I employ with JavaScript to catalog data collected from an HTML form?

Currently, my form requires users to input a username that cannot start or end with a period (.). I have implemented some code but I believe there is an issue with the .value[0] parts. //Checking Username if (document.getElementById("uName&quo ...

javascripthtml

Generate a fresh array by evaluating the differences between two arrays of objects

Imagine having two arrays of objects like this: let oldBookDetails = [ {'name':'Harry pottar','amount':10, is_modified: false}, {'name':'LOTR','amount':20, is_modified: false}, {' ...

javascriptnode.jsarrays

the button function is unresponsive

Can someone please help me troubleshoot my jQuery code? Everything seems fine, but the generate button is not working when clicked! PS: I've searched extensively for a solution to this problem but haven't been able to find one. I've also at ...

javascriptjquery

hiding certain values during output in java

Hey there! I ran into an issue where my console was printing null values while trying to retrieve all product_ids on the category page. I only want to display exceptions for those null values, so here's the snippet of code that I'm working with: ...

javaselenium