Click Record Button at about:tracing through Selenium

See also questions close to this topic

• Chrome not taking effect of css overriding

  So I have tried manipulating the style within the chrome inspector and copying it directly into my stylesheet, but it is not reflected when I run it again on chrome. The code runs fine on firefox otherwise and also if I manually input the change in chrome inspector.

  Not sure what the issue is as I've tried adding the !important as well and making sure of the hierarchy is of the right order.

  css code

  .select2-container--default .select2-selection--single {
      border: 1px solid #ced4da;
  }
  .is-invalid .select2-container--default .select2-selection--single {
      box-shadow: none;
      border: 1px solid #dc3545 !important;
  }
  

  html

  <div class="form-group d-flex flex-wrap justify-content-between {{ $errors->first('contact_name', 'is-invalid')  }}">
      <label for="contact_name">Name</label>
      <span class="message">{{ $errors->first('contact_name', ':message') }}</span>
      <input type="text" class="form-control" id="contact_name" name="contact_name" placeholder="e.g. John Smith">
  </div>
  

  I have also cleared the cache and checked to see the source file that everything is as per updated. It is just not showing on the result ONLY in chrome
• No CPU throttling in Chrome 75?

  I am trying to run performance test in Chrome 75 using CPU throttling. As per few tutorials online there is supposed to be an option to Throttle CPU in performance tab of Chrome dev tools however I can't find it. Was it removed from there?
• Floating clone does not show in chrome if dragged element contains a chartjs component

  Codesand box link

  https://codesandbox.io/s/vue-template-qoo66

  Step by step scenario

  I am building a dashboard where each draggable tile of a grid contains a graph. The graphs are drawn using chart.js. Although I am able to change the order of the tiles by dragging and dropping, the floating reference tile of the tile being dragged does not show up if the tile contains a chart.js graph. This only occurs in Chrome Browser. For Firefox and Edge browsers it works fine.

  Actual Solution

  The only found solution is to hide the chart before dragging.

  Expected Solution

  It would be amazing if I can avoid hiding the charts while dragging the tiles.

  The results for firefox and chrome are shown below. The flashing glitches is some bug from the screen recording tool, disregard that.

  Result in Firefox67 (Arch Linux)

  Result in Chrome74 (Arch Linux) Incognito window without any extension

  Visual results for different browsers from example available at CodeSandbox.

  Both results were achieved using Chrome74 and Firefox67 running on Arch Linux. I had the same results for Chrome in Windows, but can't confirm the version now.

  I also tried Chrome75 for MacOS. The floating tile was shown, however it was dislocated outside of the page frame when charts were enabled.
• When i submit a form , the results are displayed in a new window session instead of next tab

  I have :

  driver = webdriver.IE() I have some url: driver.get(url)

  I have one form I want to submit :

  elt = driver.find_element_by_ID('CMD_Exec') driver.find_element_by_xpath('//button').click() This opens a new window and I want everything to happen in one window.

  I may have to submit and then parse the output.

  Is there a way to stay in the same window ? I don't want to have many windows opened.

  Thanks in advance.
• How to store global Array of multiple items from a list for later use

  I have my selenium code which pulls a list of names available in the list. Now I want to store the same names as global for later use. Please help.

  I have tried array process, it pulls only true with each line, but not the values.

  List<WebElement> allText = driver.findElements(By.xpath("//*[@id='pnlLeftMenu']/table/tbody/tr/td[2]/table[2]/tbody/tr[3]/td/table/tbody/tr"));
  
  int total = allText.size();
  System.out.println(total);
  
  for(int i=3;i<=total;i++)
  {
       CaselevelSigningCMs =driver.findElement(By.xpath("//*[@id='pnlLeftMenu']/table/tbody/tr/td[2]/table[2]/tbody/tr[3]/td/table/tbody/tr"+"["+i+"]"+"/td[2]")).getText();
       System.out.println(CaselevelSigningCMs);
  
  }
  

  I should get the names like: Ranjit Nyk, Sudhanva G.... I have to verify those names in other pages in other class/method. CaselevelSigningCMs is a global variable, it pulls single item only. I need similar array defined as global so that it can pull multiple items.

  CaselevelSigningCMs =driver.findElement(By.xpath("//*[@id='pnlLeftMenu']/table/tbody/tr/td[2]/table[2]/tbody/tr[3]/td/table/tbody/tr"+"["+i+"]"+"/td[2]")).getText();
• Read in game stats table from MLB website into Beautiful soup

  I'm trying to scrape/read in the Game Stats table from an MLB player website (https://www.mlb.com/player/charlie-morton-450203?stats=gamelogs-r-pitching-mlb&year=2019). I cannot seem to find/capture the class name. I can see the class name when I "inspect the HTML" in chrome, but beautiful soup does not seem to findit.

  Is there some workaround/trick to getting this in correctly?

  from bs4 import BeautifulSoup
  import requests
  
  page = requests.get('https://www.mlb.com/player/charlie-morton-450203?stats=gamelogs-r-pitching-mlb&year=2019')
  
  soup = BeautifulSoup(page.text, "html.parser")
  body = soup.find('body')
  
  table = body.findAll('div', {'class':'gamelogs-table'})
  print(table)
  
• Do Web Components now support iframe-like security isolation?

  I want to have Web Components hosted by one site, which another site cannot access the inner DOM or Javascript of. Exactly like with iframes, but which can be rendered inside the HTML better, for example sizing to incorporate their content etc.

  There have been many discussions about this but in 2019 when I ask this, is anything implemented to do this?

  EDIT: Let me be totally clear - I want the JS for the component to be served from our servers, requests to our server to be done from the component’s JS, render stuff in the component, but not let the enclosing site get it or put a trojan horse in the component. I am fine w the encloing site providing CSS but no HTML or JS. Can this be done?

  How would it communicate with the component, analogous to postMessage?

  Finally, is it possible for the COMPONENTS JS to access the outer containing website’s DOM and thereby find other components and communicate? This last one ain’t possible with iframes on another domain.
• vue component styles in shadow DOM and also in document head – possible?

  I'm writing a vue component that is used within another application. It uses a package called vue-js-modal. If I run the following code in vue.config.js it properly puts all CSS inside the component's shadow DOM; however, the modal is completely broken.

  Is it possible to put all my styles in shadow DOM, except certain ones which will be needed by the modal?

  function enableShadowCss(config) {
    const configs = [
      config.module.rule('vue').use('vue-loader'),
      config.module.rule('css').oneOf('vue-modules').use('vue-style-loader'),
      config.module.rule('css').oneOf('vue').use('vue-style-loader'),
      config.module.rule('css').oneOf('normal-modules').use('vue-style-loader'),
      config.module.rule('css').oneOf('normal').use('vue-style-loader'),
      config.module.rule('postcss').oneOf('vue-modules').use('vue-style-loader'),
      config.module.rule('postcss').oneOf('vue').use('vue-style-loader'),
      config.module.rule('postcss').oneOf('normal-modules').use('vue-style-loader'),
      config.module.rule('postcss').oneOf('normal').use('vue-style-loader'),
      config.module.rule('scss').oneOf('vue-modules').use('vue-style-loader'),
      config.module.rule('scss').oneOf('vue').use('vue-style-loader'),
      config.module.rule('scss').oneOf('normal-modules').use('vue-style-loader'),
      config.module.rule('scss').oneOf('normal').use('vue-style-loader'),
      config.module.rule('sass').oneOf('vue-modules').use('vue-style-loader'),
      config.module.rule('sass').oneOf('vue').use('vue-style-loader'),
      config.module.rule('sass').oneOf('normal-modules').use('vue-style-loader'),
      config.module.rule('sass').oneOf('normal').use('vue-style-loader'),
      config.module.rule('less').oneOf('vue-modules').use('vue-style-loader'),
      config.module.rule('less').oneOf('vue').use('vue-style-loader'),
      config.module.rule('less').oneOf('normal-modules').use('vue-style-loader'),
      config.module.rule('less').oneOf('normal').use('vue-style-loader'),
      config.module.rule('stylus').oneOf('vue-modules').use('vue-style-loader'),
      config.module.rule('stylus').oneOf('vue').use('vue-style-loader'),
      config.module.rule('stylus').oneOf('normal-modules').use('vue-style-loader'),
      config.module.rule('stylus').oneOf('normal').use('vue-style-loader'),
    ];
    configs.forEach(c => c.tap(options => {
      options.shadowMode = true;
      return options;
    }));
  }
  
  module.exports = {
    // https://cli.vuejs.org/guide/webpack.html#chaining-advanced
    chainWebpack: config => {
      enableShadowCss(config);
    }
  }
  
• How to automate webpage under shadow dom(closed)

  A part of the webpage is under shadow root(Closed) mode. How do we automate it through selenium or javascript?