Angularjs mutlilingual support using protractor - angularjs

I have been working in Angularjs application and we have already written protractor framework to test. Application need multi language support now, whereas our testscripts are in English. Can anyone suggest me how to add multilingual support for other language in existing framework
Note: we will need the English testscripts for english locale anyways.

Related

is there a way to take angular 6 libraries to angularJS applications without migrate the code-base into ES6 or ES5

I am working on a big CMS project which is developed by angularJS and suddenly I have to change the image cropping tool to a new image editing tool. since there are no anguarJS based project which full fill my requirements and There are some projects that can possibly usable but which written using angular2 or higher version, I am looking for a way to integrate some of those libraries to my angularJS code-base somehow. It may be a really stupid question, but I am out of options here. Any advises would be really helpful.
As a example, what if I want to add this image editor which is developed for angular 2 Angular 2 Photo Editor SDK for HTML5. in to my angularJS project – Sanira 1 min ago
Actually it has to "order for licence", But I just asking is there a way to integrate that kind of angular 2 component in to an angularJS project

Is there any way to translate the language from English to Arabic in AngularJS?

I have an application built in AngularJS. I need to change the language from English to Arabic.
Is there any plugin to do this automatically that can change all my views from English to Arabic.
Plugins are not available to translate from one language to another. Angular's internationalization (i18n) tools help make your app available in multiple languages.
https://angular-translate.github.io/

How to give multiple language support in nodejs

I have been given a project made in chinese language that uses nodejs, angularjs, and nodejs also provides restAPIs to mobile apps. I am required to give multiple language support in this project. I have planned to make json files for each language and load the file when required. But i am confused if it is the right way to do the project.
See the modules on npm:
https://www.npmjs.com/browse/keyword/multilingual
https://www.npmjs.com/browse/keyword/i18n
There are a lot of them - both specific ones for the framework that you're using and general one to be used in projects independent on the framework.

approach for multilingual testing using selenium webdriver

I am new to automation.My project is a multilingual website.Wanted to know how best can I automate it using selenium webdriver & Testng.
You can automate a multilingual website using Selenium Webdriver, there are few basic things you need to keep in mind:
If you are using locators which is using any textual content like
text(), starts-with() e.t.c - You need to handle them separately
for each language.
If you are using any text based validations, you need to take care of them as well.
I would suggest you to create a localization file for each language and load them according to the language you are using. In that localization file you can handle things like locators and assertions which uses text()

OnsenUI vs Ionic Framework

I want to start developing a mobile hybrid app using angularjs, css3 and html5. Was searching for a framework and found these two. Both are looking very nice however I was not able to get a good comparison between both of them. Can anyone please list down pros and cons for both.
A comparison between them in terms of scalable, out of the box components, speed and compatibility with Angular and devices targeted will be very helpful
One year has passed since both frameworks were released. Onsen UI is currently in stable 1.2 version while Ionic is in the last release candidate state.
I have worked with both of them so let me give you a short overview, I also wrote a much larger blog article, you'll find it at the end of this answer.
I won't go into much details about the core framework; if you have a previous AngularJS knowledge you will easily transition to Ionic or Onsen UI.
Both frameworks are built around AngularJS and they heavily depend on directives, you can also easily build your custom directives. Onsen UI also features a jQuery support (unnecessary if you ask me).
Both frameworks support Android 4+, iOS 6+ (some features are available on Android 2.3), Onsen UI also officially supports Firefox OS and desktop browsers. Ionic don't have an official desktop support, but it will still work (it will not be pretty, imagine ).
Ionic currently don't support Windows Mobile platform (it will have it in the future); Onsen UI support is currently in development (since November 2014).
Both frameworks support some kind of splitview feature so they can be used for table development.
Both frameworks have a distinctive beautiful looking flat UI. I prefer Ionic over Onsen UI look and feel, but this is a matter of personal taste. Both default themes look iOS 7 like.
Onsen UI supports native looking themes for Android and iOS. Ionic framework uses the same theme for all platforms, but some features will depend on the platform (for example tab look and feel)
Both frameworks have a working theme builder.
Ionic supports SASS while Onsen UI is built around Topcoat CSS library.
Both frameworks have a large widget support (directives)
Onsen UI has a better documentation. It is separated at two different locations. First one is “Components” where you can see different directives and each one has a working example you can use and replicate. Second part is a “Guide” where you are guided through the application creation process.
Ionic has a disorganized documentation (heavily fragmented). It lacks a real “getting started” tutorial, even if you have previous AngularJS experience. It shows you pieces, but not how to connect them correctly.
On the other hand Ionic has much larger community so you will easily find problem solutions.
Ionic framework has a great official forum + large StackOverflow community. At the same time, Onsen UI uses only StackOverflow as a help center (I would call this a fail).
Onsen UI has an HTML5 IDE called MONACA IDE (great tool), Ionic IDE is currently in production; you can participate in beta test.
Ionic has a growing 3rd party plugin community (for example date picker); I couldn't find any 3rd party Onsen UI plugin
I wrote a much larger article covering Ionic / Onsen UI changes, find it here.
Since both frameworks are pretty new and not very popular (yet!), I don't think anybody has taken the time to do an extensive comparison between the two. I don't even think the final set of out of the box components is determined by the developers themselves yet, active development is still going on.
As for compatibility, hybrid apps run in the native browsers of the devices where they are installed on. Both frameworks need CSS3, so old phones will never be supported by either of the frameworks.
The OnsenUI-tag here on StackOverflow is the only support OnsenUI offers (currently), and at the moment of writing there are 0 questions/answers. Ionic has a very active forum on their website + some questions/answers here on SO.
I think having an active community backing up a framework will eventually lead to a better framework. Therefore I'd go for Ionic. Personally, I find Ionic's standard-design more appealing as well, but you should judge that for yourself.
Ionic
more lean to Angular style like routes,controllers and template and it's structure is kind of complicated in first hand.
command like "ionic start myApp tabs" still don't available in onsenUI
Material Design like "Cardboard" are available
OnsenUI
simpler structure, easy to start
couple with Monaca IDE, some of features are only available only if you use Monaca. otherwise you have to create things by yourself.
supported ios8 design recently
Ionic has a more mature feature and CSS component set and out of the box. Injectable delegate services, representing the UI elements (directives) gives you more control over UI/UX interactions. The development community is (currently) very active and it's gaining traction.
I cannot properly speak to speed/performance between the two but know both are optimized for mobile.
As I develop more, I will report back with comparisons. Good luck.
Just started using ionic after some time native development. Must seriously say it has some great cli features! For example you can start your project from a gist in my opinion this is nice to have for poc's
Havent been able to test everything but what i've seen really impresses me!
It's well documented in there own way, active community and it keeps getting better.
Just wanted to share my thoughts for what it's worth
Im working in Ionic Framework during 1 year with a real project, i have created a game with Ionic, its very special because hybrid app is not best choice if you want create game. When you develop a game you need performance !
However if you develop simple game with few animation, its good.
Here is my game in playstore, its a memory game "Memory Party" :
https://play.google.com/store/apps/details?id=fr.jhaccoun
Why Ionic is a good choice :
very very very good documentation (tutorial, forum, article,...)
stable (ionic 1), you can find many apps in store
Easy to develop (ionic come with many tools to help the developer, you can develop and test in live in your phone without deploy thanks live reload
Many cordova modules are available
you don't need mobile skills, just angularjs, html, css...
Ionic provide beautiful components and you can custom the components if you like
I found Ionic the best for some reasons, like their community support and the documentation. I am still evaluating the onsen from a long time but still havent found the one unique thing that will drift me towards it compared to Ionic

Resources