Unable to navigate to the frame within the Salesforce Lightning interface

Attached below is the screenshot and code that I have used:

driver.switchTo().frame(driver.findElement(By.xpath("//iframe[contains(@title,'Deploy Data Set')]")));

<div class="slds-template_iframe slds-card" force-aloha-page_aloha-page=""><iframe height="100%" width="100%" scrolling="yes" allowtransparency="true" id="vfFrameId_1536136086228" name="vfFrameId_1536136086228" allowfullscreen="true" force-aloha-page_aloha-page="" allow="geolocation *; microphone *; camera *" title="Deploy Data Set"></iframe></div>

https://i.stack.imgur.com/KN0c7.png

javascriptseleniumselenium-webdriverselenium-chromedriverdomxpath

Answer №1

Check out this code snippet on jsfiddle.net/pn7e3b2u

var select = document.querySelector('.slds-select.slds-select1');
select.addEventListener('change',function(){
  var result = [];
  var options = this && this.options;
  var opt;

  for (var i=0, iLen=options.length; i<iLen; i++) {
    opt = options[i];

    if (opt.selected) {
      result.push(opt.value || opt.text);
    }
  }
  alert( result );
});
<div class="slds-form--stacked slds-grid slds-wrap" role="form">
                                <div class="slds-form-element slds-m-top--large slds-size--3-of-6">
                                    <label class="slds-form-element__label dsLabel" for="selectSample1">Destination Salesforce Organization</label>
                                    
                                      <div class="slds-form-element tooltipIcon">
                                        <div class="slds-form-element__icon slds-align-middle">
                                            <img alt="Table" class="slds-button__icon" src="/resource/1530008060000/pdri_sprint17__SLDS_Resource/assets/icons/utility/info_60.png">
                                        </div>
                                      
                                        <div class="slds-popover slds-popover--tooltip slds-nubbin--left-top toggle slds-hide" id="tooltipDestination" role="tooltip" style="position: absolute;top: -49px;left: 30px;float: left;min-width: 312px;">
                                           <div class="slds-popover__body">Specifies the organization to copy data to. Use Ctrl+click to select up to five destinations.</div>
                                        </div> 
                                        </div>
                                    
                                    <div class="slds-form-element__control slds-m-top--small"><select id="j_id0" name="j_id0:theForm:targetList" class="slds-select slds-select1" multiple="multiple" size="3"><option value="a02m00000086vRZAAY">Local connection</option>
<option value="a02m00000086vReAAI">Destination connection</option>
</select>
                                    <input id="valholder" type="hidden" name="selval">
                                    </div>
                                </div>   
                            </div>

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

Get the selected row value from a Table and convert it into an array. Then, pass this array as a parameter to another function

I need help with logging and storing selected values from a Table component in React My Table component displays data from an API with checkboxes on each row. I'm using the <Table /> Material UI component for React. The documentation states th ...

javascriptarraysreactjsmaterial-uidom-events

Is there a way to align the Material UI mobile menu to the left edge of the screen?

Need help with this UI issue: Currently working on designing a mobile web app using React and Material UI. I'm struggling to get the sidebar menu to start from the left edge of the screen, as it seems to have an unwanted margin preventing it. Any sug ...

javascriptreactjsmaterial-ui

Restrict HTML Elements Based on Their Size

I have a text file with a substantial amount of content that I need to display in an HTML format. The challenge is that I only want to show a portion of the text on the screen, but I am unsure of the exact amount that needs to be displayed. What I do know ...

javascriptjqueryhtmlcss

What is the best way to eliminate the comma at the end of the final array

<% for(var i=0; i < 10; i++) { %> <a href="#"><%= related[i] %></a><% if(i !== 9) { %>, <% } %> <% } %> Displayed above is some code that includes a loop to display related items. The goal is to remove the comm ...

javascriptangularjsarraysnode.jsexpress

Angular JS integration for optimal Bootstrap grid alignment

Recently, I have been exploring the Bootstrap framework and experimenting with grid alignment. When working with 4 columns, W3 schools recommends using the following row setup: <div class="row"> <div class="col-lg-3"> </div> ...

javascripthtmlcssangularjstwitter-bootstrap

Tips for showing a map in a concealed location: Embed the code in the appropriate location

I've come across solutions for displaying a map in a hidden div, but as a designer and not a programmer, I'm unsure of where to insert the code. The issue is detailed in this post: Click here to view. To resolve the problem, the suggestion is to ...

javascriptjquerygoogle-mapsmapshidden

Seeking guidance on implementing multiprocessing in Python for website page scraping

I need assistance with creating crawling code for multiprocessing in Python. The image below shows the feature I have in mind. However, the issue is that the operating processes are unable to accept URL lists. I would appreciate it if you could suggest the ...

pythonseleniummultiprocessingweb-crawler

Can you recommend any valuable tests to conduct using selenium?

Currently, I am utilizing IntelliJ to develop Java tests for an online client data management platform. While still in the experimentation phase, I have successfully tested element verification and link clicking functionalities. Does anyone have suggesti ...

javaunit-testingseleniumintellij-ideaselenium-webdriver

Property usedJSHeapSize in Chrome

After doing some research online, I found that the documentation on this topic is quite lacking. I am currently dealing with a significant memory leak in my code and have been using: window.performance.memory.usedJSHeapSize However, it seems like the val ...

javascriptperformancegoogle-chromememory-leaks

Changes to attributes of an HTML tag cannot be made by jQuery code during an AJAX call

Could someone help me figure out why this jQuery code is not functioning properly? I have already tested it outside the $(document).ready block with no success. Note: The unusual "{{ }}" and "{% %}" syntax is typically used in Django. jQuery $(document) ...

javascriptjqueryhtmldjango

How does the Chrome browser get located by the ChromeDriver executable in Selenium?

Regarding Selenium, the chrome executable path is specified in System.setProperty. When a URL is provided to driver.get and Chrome is launched: 1 - How does the chrome executable determine the actual installation location of the Chrome browser? 2 - What ...

seleniumgoogle-chromeselenium-webdriverwebdriverselenium-chromedriver

Identifying Element Clickability in Selenium WebDriver (Ensuring it is not blocked by a dojo modal lightbox)

My expertise lies in creating automated scripts designed for testing web applications that heavily rely on ajax functionality. One common scenario involves a modal dialog popping up with the message "Saving..." during settings saving, while simultaneously ...

ajaxseleniumdojowebdriver

What is the best way to achieve a Clamp-To-Border effect on a Texture loaded onto an Image in the THREE.js?

My scene includes a plane with an image loaded onto the texture. I've found that there is no Clamp-To-Border option for textures, only Clamp-To-Edge, Repeat Wrapping, and Mirrored Wrapping. Below is an image displaying the default ClampToEdge effect. ...

javascripthtmlimage-processingthree.jsbase64

Solving the issue of 'b-modal' not appearing in a Vue.js custom component

Software Used: Vue.js Bootstrap-Vue () Issue: My aim is to show a popup when a row is clicked within a bootstrap grid. Once the modal is closed, I want it to disappear and the selected item to be removed. To tackle this problem, I have developed a custo ...

javascriptvue.jsbootstrap-vue

Executing JavaScript function by clicking on <img>

I've been developing a website similar to YouTube, and I'm facing difficulties with the Like/Dislike feature for comments. Currently, I have implemented it in the following way: when a user clicks on an image (thumbsUp.png or thumbsDown.png), a ...

javascriptphphtmlajax

Is there a way to turn off TypeScript Inference for imported JavaScript Modules? (Or set it to always infer type as any)

As I attempt to utilize a JS module within a TypeScript File, I encounter errors due to the absence of type declarations in the JS module. The root cause lies in a default argument within the imported JS function that TypeScript erroneously interprets as ...

javascriptreactjstypescripttype-inference

JavaScript : Retrieve attributes from a JSON object

Situation : I have a JSON object with multiple properties and need to send only selected properties as a JSON string to the server. Approach : To exclude certain properties from the JSON string, I utilized the Object.defineProperty() method to set enumera ...

javascriptjsonobject

Modifying the 'child' node within a JSON object

Exploring the implementation of d3s Collapsible tree using a custom node hierarchy. My dataset structure deviates from the norm, for example: http://jsfiddle.net/Nszmg/2/ var flare = { "Name": "Example", "members": [ { "BName":"Ja", ...

javascriptjsond3.js

Is Next.js the Ultimate Serverless Rendering Tool with Cloudflare Workers?

I am currently using Next.js version 9 and I am interested in utilizing Next's serverless deployment feature by integrating my application with Cloudflare Workers. According to the documentation for Next.js, all serverless functions created by Next f ...

javascriptnode.jsreactjsnext.jscloudflare-workers

Implementing jQuery's live() method to handle the image onload event: a guide

Looking to execute a piece of code once an image has finished loading? Want to achieve this in a non-intrusive manner, without inline scripting? Specifically interested in using jQuery's live() function for dynamically loaded images. I've attemp ...

javascripthtmlonloadjquery