Fusion chart automation using protractor automation framework - selenium

My current project setup
Angular js 1.5
integrated fusion chart https://www.fusioncharts.com/fusioncharts
now am trying protractor framework to automate the application and i could do many things like form validation , input and submit .
Now i have problem with Fusion chart automation , like am not able to validate the data that showing on the graph is correct or not .
i tried below idea but am not able to get reference it giving error fusion chart is not defined .
outine
please comment on the below idea and suggest any other way to automate this or any other new framework .

You can write test cases using FusionCharts life cycle events supported to test but please note chart need to be rendered first on any browser as FusionCharts is a JavaScript charting library that you need to include in your HTML page/application to use or run the charts.
Fusioncharts has its own supported events and methods which you can use like method getCSVData to fetch chart data set in the CSV format which you can later validate if its correct or not as per your requirement.
Refer below doc link for lifecycle Events using AngularJs,
https://www.fusioncharts.com/dev/getting-started/angular/angularjs/lifecycle-event-using-angularjs
Please refer below doc link for all supported methods with details and samples,
https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods
Please refer below doc link for supported events,
https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events
Hope this helps.

Related

Create Custom Alert Action on Spkunk

I want to create custom alert action on Splunk that will ingest saved searches from splunk to my software. I have gone through the documentation:
https://docs.splunk.com/Documentation/Splunk/latest/AdvancedDev/ModAlertsIntro
My issue is I want some guidelines in creating this custom alert action. I have gone through a youtube video: https://www.youtube.com/watch?v=UqJAc7rpFmQ .He created the UI using code. Do I need to code as well? If yes, do I create folders on my local desktop and then how to integrate the code on splunk for testing? And which folder will pass the saved search to my source code?
Or can I use add-on builder to create this?
So far, I have created an add-on using an add-on builder and declared input parameters and edited the script but it doesnot seem to work.
I just need some guidance to kick start my project.
Any help would be highly appreciated.

Simple example of noflo embedded in webpage for UI

Are there any complete examples of how noflo can be embedded in a webpage, including the hookup between noflo and the webpage UI components.
For example, a simple noflo graph for;
Date input for date of birth, using datepicker UI on the webpage.
Output of age in years and days, using text label on the webpage.
How could this simple example be created as a noflo graph and then embedded in a webpage.
I'm looking for a complete example that can illustrate the approach, which I can then explore extending.
Thanks for any help.
The easiest way would be to use either noflo.asCallback (for single-run "batch processing" style graphs) or noflo-wrapper (for continuously running graphs).
You can see how to package NoFlo with webpack in your project in
https://github.com/noflo/noflo-browser-app

Cypress: type tab key

I want to test that my forms are accessible and that I can tab between my input elements. I found this github issue asking for the feature here:
https://github.com/cypress-io/cypress/issues/299
Currently I try to do .type('{tab}') and I get the following error:
CypressError: {tab} isn't a supported character sequence. You'll want to use the command cy.tab(), which is not ready yet, but when it is done that's what you'll use.
Is there a current workaround for the lack of tab support?
The Cypress team is currently working on implementing tab support along with other keyboard keys as part of Native Events
In the meantime I've made a plugin that adds a .tab() command. cypress-plugin-tab:
This enables you to do:
cy.get('input').tab()
// and
cy.get('input').tab({shift: true})
However, the actual tab implementation will not be a separate command, so know if you use this plugin, you'll have to refactor your test code when Native Events lands
As the cypress documentation says:
In the meantime, you can use the experimental cypress-plugin-tab and can thumbs up this issue.

Standalone video control example for Google TV jQuery Library?

The jQuery VideoControl is documented here:
https://developers.google.com/tv/web/lib/jquery/#gtv.jq.VideoControl
It takes a set of VideoParms. That are not specified.
It is used in the sample templates on this page:
https://developers.google.com/tv/web/docs/gtv-templates
I've taken apart the templates, but I'm having difficulty creating a simple example of a standalone video control. In the templates, the sidenav and carousel code are tied to how the videocontrol works. There is a relationship between the keyController and behavior (behaviorZones) that I can not find an explanation for.
Is there a standalone example somewhere? What needs to be setup with keycontroller, css, and behavior to get this going?
I'm not aware that there is a standalone videocontrol.js sample but it should be possible to set it up. Most of the necessary pieces are inside videocontrol.js, in particular in the videocontrol's constructor and this function: gtv.jq.VideoControl.prototype.makeControl.
keycontroller mapping is used to handling key inputs and some of the CSS are dynamically controlled within JS so there might be errors if you just rip them apart straight from the Template. You'd have to debug it using a solid tool like Chrome Developer Tools. You can watch tutorials of this tool here: http://www.youtube.com/results?search_query=chrome+developer+tools&oq=chrome+develop&aq=0&aqi=g3g-m2&aql=&gs_sm=3&gs_upl=1972l4015l0l6142l14l11l0l0l0l0l207l1476l3.5.3l11l0
Otherwise please send your error traces and/or code snippet for debugging help.
S

Getting DOM from page using Chromium/WebKit

Trying to get access to a page's DOM after rendering. I do not need to view the page and plan to apply this programmatically without any GUI or interaction.
The reason I am interested in post-rendering is that I want to know where objects appear. Some location information is coded in the HTML (e.g., via offsetLeft), but much is not. Also, Javascript can change the ultimate positioning. I want positions that are as close to what the user will see as possible.
I've looked into Chromium code and think there is a way to do this but there is not enough documentation to get started.
Putting it VERY simply I'd be interested in pseudo-code like this:
DOMRoot *r = new Page("http://stackoverflow.com")->getDom();
Any tips on starting points?
You should use the Web API wrapper that Chromium exposes; specifically, the WebDocument class contains the functionality that you need. You can call it like this:
WebFrame * mainFrame = webView->mainFrame();
WebDocument document = mainFrame->document();
WebElement docElement = document->docElement();
// Manipulate the DOM here using docElement
...
You can browse the source code for Chromium's Web API wrapper here. Although there's not much in the way of documentation, the header files are fairly well-commented and you can browse Chrome's source code to see the API in action.
It's difficult to get started using Chromium. I recommend looking at the test_shell application. Also, a framework like the Chromium Embedded Framework (CEF) simplifies the process of embedding Chromium in your application; I use CEF in my current project and I'm very satisfied with it.