How to automate UI of vscode extension - selenium-webdriver

I have a VScode extension which is created by my team, which also has UI to enter arguments once function has written in the extension and I need to automate the functional test for that. I need to know which tool, package I can use to automate the same.
Steps to automate:
Open extension in vscode
Create project using that extension
Click on details icon of project
Verify the Details page (UI) opened for the that project
Enter arguments on the details page
Click on execute button on that UI
Verify message
Note: When we click on details icon of a project, it opens UI for the project created using extension in VScode itself
Already checked below link but had issues installing this
https://developers.redhat.com/blog/2019/11/18/new-tools-for-automating-end-to-end-tests-for-vs-code-extensions/

I'm able to automate VS code extension using playwright and gitpod OpenVSCode server to automate. refer: https://medium.com/modern-mainframe/test-automation-with-playwright-for-vs-code-extensions-facilitating-the-growing-interest-in-dcc463f81efa.
https://github.com/gitpod-io/openvscode-server

Related

Write logs to reach text box with serilog extensions

I saw this extension to Serilog that proides writing logs to text box on WinForms..
https://github.com/umairsyed613/Serilog.Sinks.WinForms
What I did not understand, is how I decide on the textbox that I want to write to.
Or there is another step to do that I didn't noticed?
I had the same issue. Here are the steps to use it:
download the library "Install-Package Serilog.Sinks.WinForms" or use NuGet. I used VS2019 package manager console to install mine.
This part i missed and it took me a while to get. You need to add "SeriLog Control" from the toolbox menu. So search toolbox menu and add the gidLog1 control.
Configure your logger (i did mine in the Form load event.)
Log.Logger = new LoggerConfiguration()
.WriteToGridView()
.CreateLogger();
Perform/trigger a log action, you can add to you form load event too eg. below.
Log.Information("Application Started");

"jar_project" Builder in Eclipse CN1 project loops on refresh

CN1 projects have an additional Builder "jar_project" configured.
Apparently this builder is looping when "Refresh using native hooks or polling" is checked in Eclipse Preferences -> General -> Workspace. "Refresh using native hooks or polling" is a nice feature to refresh the workspace files for changes made outside the IDE.
When editing the builder configuration via right click on a project -> properties -> builders -> jar_project and chiising edit I see that in the refresh tab the option "The project containing the selected resource" is selected. That is probably incorrect.
Anyway what is the builders "jar_project" purpose? Does it really need to be called after change of any project file?
The project is built using the build.xml file. It verifies that compilation works.
We don't support that eclipse mode and don't test against it. If you want to make changes manually they might work but we can't warrant them.

Show React Native app in "Open in" dialogue of another app

I'm new at creating React Native apps and I would like to know if there is a doc or a package that allow us to open my app from an external one by clicking on the "share" button, that open the "open in... / share" dialogue modal
Thanks by advance
EDIT :
I have read the instructions given in the following link : React Native Share Extension
but the thing is that it asks to edit some Java files for Android, and other ones for iOS. Since I'm working with javascript files, where am I supposed to find the files the documentation tells me to edit ?
There is nothing built-it to do this, but there's also some useful packages for doing that, the catch is that you will need to write some native code to make it work
first there is React-native-share-extension forn handle share intents, and for more advanced stuff there is react-native-deep-link for handling for example an url of a video, or a download url, or a mail intent .
Both packages requires to edit native ;-;

C# Selenium Webdriver Interacting with native image upload dialog using SendKeys.SendWait does not work on TeamCity

I am using Windows.Forms.SendKeys.SendWait to interact with the native windows dialog when uploading an image.
I click the upload button using webdriver, then go:
SendKeys.SendWait("^A"); //Highlight content so it can be overwritten
SendKeys.SendWait(path);
SendKeys.SendWait(#"{Enter}");
Works great when I run it locally on my PC, however, the test won't run on the TeamCity agent (I have many other tests that run OK). It fails as it seems that native dialog never appears or if it does, it can't interact with it.
Not sure what's happening as this whole test agent process runs in the background and I can't see what it's doing - I can take screenshots using webdriver but it won't capture native dialogs anyway.
I tried to configure the team city test agent windows service (change Log On settings to allow interacting with desktop) but this did not work. Seems it just isn't able to interact with it... any ideas on how to make this work?
In order to upload a file with Selenium, you should use Webdriver's SendKeys directly to the input element that requires the path (Not Forms.SendKeys). See this example.
Note: You'll need to avoid clicking the button that opens the dialog.

Running AngularJS app in WebStorm

Its been about a month since I started using AngularJS. I used to write my codes in SublimeText2 but i wanted to use WebStorm since it claimed to be more AngularJS friendly. I wrote a simple Hello World app and tried to run it but i couldn't get any hint of how to do it. I also don't have any knowledge about Node.js.Do i need Node.js to run app on WebStorm? Is Node.js a server? I tried going through tutorials on WebStorm page and also read few articles on Node.js but couldn't understand it. Can anyone explain it in a simple and understandable way?
You can open your HTML+JS application in the selected browser in WebStorm by clicking on the browser icon on the top right corner of the editor tab with index.html file opened (or any other html file you'd like to open in browser).
The same action could be done from the file context menu: Open in - Browser.
WebStorm will automatically start built-in web server for your convenience.
Note that you still can go to your project folder and execute your particular HTML file from there, the same way you would do it with the text editor.
Read more on working with AngularJS in WebStorm in this blog post.
If you have back-end in Node.js for your app, then you, of course, need Node.js installed. To run your node web app you need to create Node.js run configuration. More on it here.

Resources