How to handle upload images input tag is hidden - webdriver-io

How to handle upload images input tag is hidden.
enter image description here
uploading images

Related

how can I upload files (Image) to Strapi API

hello I have this category in my Strapi
enter image description here
I want to change the picture of my category
I use this in postman then I do not know what is the wrong and why is not changed
enter image description here

Render images in phantom-pdf

I'm using phantom-pdf recipe to render template content. So far so good I could able to generate PDF document successfully but we have new requirement now i.e adding one or more images at the end of the document. Each image should render on its own page. Page size should be the Image size no header/footer needed.
Images can be of various sizes.
To render the image I'm using HTML tag as part of Template Content
<img id="bg" src="#this.Context.Request.Scheme://#this.Context.Request.Host#this.Context.Request.PathBase/Assets/Screenshot.png" /><div style='page-break-before: always;'></div><img id="bg" src="#this.Context.Request.Scheme://#this.Context.Request.Host#this.Context.Request.PathBase/Assets/Untitled.png" />
I can see the rendered Image in the PDF document but I see empty white space at the bottom of the page (After rendered image there is white space) Rendered PDF document
Is there any way using Phantom PDF my Page size will be image size (Header/Footer is not required)??
Currently, the business is using PPT document where each slide is an Image and transform the PPT to PDF.The generated PDF document consists one or more image and each image on its own page. (No white space/No header & footer).
You can scale image size to the full page using css. However you can't adapt your page size based on the image. phantomjs doesn't support each page in the pdf document having a different size. You would need to generate each pdf separately and then use another software to merge them together.

How to identify img file which is loaded under network monitor console using selenium

When we navigate to a page and inspect the page, under Network monitor tab > images, we get a list of file names (Ex. imgge.png) as the page is loaded. How do i idientify the image is present when we navigate to a page using selenium script.
I have attached the screenshot for reference what im exactly referring to.
enter image description here
driver.findElement(By.id("imagefile_id")).isDisplayed();
get the id value of the image and use the above script, it return the Boolean value.

How to show external link in PDF rendered by pdfjs

Is the only proper way to add a text layer? Can I only render text layer specifically for links in the pdf?

How to let end user change background image in XPages?

Now I can import some ready made images into the image resources, present them as options to the end-user on the XPage, and then based on their selection, compute the 'style' property to update the background image. But it still doesn't let the user upload their own image as background.
Is there any way that doesn't involve image resource at all? I'm thinking of doing the normal fileupload control. Let the user upload an image as an attachment into a document and then somehow compute the style property by referencing the image in the attachment but I'm not sure how to do that or if that's doable at all.
If you upload the image to a "User Settings" document and also calculate the filename in a field on the document and display these documents in a view sorted by the UserName. Get the path to the document using the logged in Users name and
Calculate the path to the image. The path should look something like this.
database path + name/view/UNID/$File/Filename
If you use a RichText Lite field to store your image and set it to Thumbnail (with no size restrictions), then you can specify a fixed filename (on second tab of properties for field)
You can then reference that attachment with a URL like Fredrick mentions.