Sencha Ext JS 7.7 is Here – Discover What’s New and Exciting – LEARN MORE

https://staging.sencha.com/blog/sencha-qa-summary-january-2019-edition/
Table of Contents Hide
  1. What Are Dynamic UIs?
  2. What Are JS Frameworks’ Fundamentals For Dynamic UIs?
  3. How Do You Build Dynamic UIs with JavaScript Frameworks?
  4. What Are the Best Practices for Performance Optimization?
  5. JS Frameworks: Conclusion
  6. JS Frameworks: FAQs
  7. What’s your reaction?
  8. What Are Dynamic UIs?
  9. What Are JS Frameworks’ Fundamentals For Dynamic UIs?
  10. How Do You Build Dynamic UIs with JavaScript Frameworks?
  11. What Are the Best Practices for Performance Optimization?
  12. JS Frameworks: Conclusion
  13. JS Frameworks: FAQs
  14. What’s your reaction?

Sencha Q&A Summary – January 2019 Edition

January 17, 2019 1 Views
You had questions and we’ve got answers! Please find a summary of questions and answers collected from our community of Sencha users at recent Sencha events, including the London, Paris and Munich Roadshows as well as our most recent webinar, “Testing your Ext JS apps with Sencha Test - Benefits & How-to Tips,” which you can watch on-demand here.

Sencha Roadshows in London, Paris and Munich: Q&A Summary

Can Sencha provide a TypeScript library for Ext JS?

Both ExtReact and ExtAngular (coming soon) include TypeScript definitions. Each product allows you to use Ext JS components within their respective products. However, we don't have anything specifically packaged to allow users to use TypeScript in Ext JS. We are going to consider adding that in our next version of Ext JS.

When will Sencha release a metadata-free version of Sencha Architect?

We recognize this is an important feature, and will take a look at this. It is in our backlog of work to be done. In the meantime, take a look at our last Sencha Roadmap update blog post to see our plans for Architect and other products.

Does Sencha plan to stop supporting Classic Toolkit?

We are going to continue supporting Classic Toolkit. There is no risk to using Classic Toolkit, although we also encourage Developers to take a look at the Modern Toolkit as well. Modern toolkit is recommended for new projects that require better cross-platform device support and Classic toolkit is recommended for projects that require support for classic browsers like IE8/9/10, ARIA support, or support for RTL (Right-to-left) languages.

Is it possible to use Ext JS Upgrade Adviser to upgrade an Ext JS 3.4 application?

As a first step, we have decided to focus on the migration of Ext JS 4.2+ applications. After being sure that the Ext JS Upgrade Adviser can provide significant advantages for apps built on 4.x, we will explore options to extend its scope to cover earlier versions of Ext JS as well.

Does Sencha/Idera plan to include Froala with Ext JS packages?

Yes, the Froala editor will be integrated into Ext JS and included as part of our upcoming 7.0 release. If you'd like to learn how to use the Froala in your Sencha applications today, please read this blog post.

Does Froala plan to support Markdown format and page layouts? Is it possible to insert Sencha Chart into Froala Editor?

Markdown support is on Froala’s idea list here. Froala is taking a more Agile approach where they implement new things based on how many requests they get for a particular new feature. You can vote for Markdown support. The PDF file export option was added to Froala Editor one month ago, and supporting page layouts is the next improvement the Froala team is going to make for this feature. You can insert Sencha charts into the Froala editor as an SVG element directly. Another way would be to generate an image based on the chart component and then just insert an image into the editor.

Does Sencha plan to enhance the Grid component in the Modern Toolkit?

Yes, definitely. Grid Filtering and Locking are added to our Ext JS 6.7 release plan. We also have Drag & Drop support as well as Property Grid on our Roadmap list.

Can I run Sencha Test command line tool (STC) inside of a Docker container?

Although this specific setup isn’t officially supported, Sencha Test Command Line Interface (STC) tools can be installed inside of a Docker container. The following Dockerfile is provided here as an example: Dockerfile

178473077366068bc9514bf_000000

xvfb.init

178473077366068bc9514bf_000001

Testing your Ext JS apps with Sencha Test - Benefits & How-to Tips: Q&A Summary

Can I test on other browsers like Edge and IE 11?

For In-Browser tests, Edge and/or Internet Explorer will be detected by Sencha Studio if installed locally. For WebDriver tests, or if you need to run tests against a remote browser, then you can create a browser farm configuration in Sencha Studio, and leverage a custom Selenium Server, or a third party browser farm provider such as Sauce Labs or BrowserStack. Configuration of browser farms is discussed in further detail in our documentation.

Is there a way to extend the default timeout of tests?

The default timeout for a Future API call is 5 seconds. This can be customized at the test level, or globally. At the test level, APIs can take a timeout parameter. Take this example, which ensures Sencha Test waits up to 10 seconds for the text field to exist, and 8 seconds for it to have the specified value:

178473077366068bc9514bf_000002

If you want to set this globally, for all API calls, you can set the timeout as follows:

178473077366068bc9514bf_000003

You could include this in a beforeAll, which gets executed before any of your tests commence:

178473077366068bc9514bf_000004

Is there support for multi-screen (multi-tab) applications?

WebDriver scenarios allow you to interact with multiple tabs in the same browser window. The example below, which leverages a SharedWorker between two tabs, demonstrates how to switch context between the two browser tabs:

178473077366068bc9514bf_000005

178473077366068bc9514bf_000006

Does the push to Jira feature also work with AzureDevOps?

For the moment, Sencha Test only supports Jira for bug reporting.

Is there any support for bug reporting with Visual Studio Team Services (VSTS) or only JIRA?

For the moment, Sencha Test only supports Jira for bug reporting.

Can I use multiple selectors in a single Component Query?

Any valid Component Query in Ext JS can be used with the Sencha Test Futures API. So multiple selectors can be combined together to make a locator more unique, for example, parent-child component queries can be combined between a form and its text field to only query within that parent form: ST.component('edit-form textfield[reference="firstname"]') Also, Sencha Test supports Composite Locators, where you can combine a Component Query and DOM query to be even more specific to an element within a component. Composite Locators are covered in more detail in the documentation.

Concerning Ext JS dynamically generated label names: It looked like the references were generated to identify the elements using text field labels. Is there a configuration option in Ext JS to never alter a 'dynamically generated' element once generated, or must you always have an additional label (like in the TextField example) beyond the assigned to reference it properly?

Any config of a component can be used in a locator. In the examples shown in the recent webinar, “fieldLabel” was used to help narrow down the locator to a particular instance of a field. If there’s a potential for the field labels to change in the future, then you may want to use alternative properties, such as “reference”, if one has been defined by the developer, as that’s less likely to change between versions of the app, for example: ST.textField('textfield[reference="loginname"]')

Leave a Reply

Your email address will not be published. Required fields are marked *

*

Table of Contents Hide
  1. What Are Dynamic UIs?
  2. What Are JS Frameworks’ Fundamentals For Dynamic UIs?
  3. How Do You Build Dynamic UIs with JavaScript Frameworks?
  4. What Are the Best Practices for Performance Optimization?
  5. JS Frameworks: Conclusion
  6. JS Frameworks: FAQs
  7. What’s your reaction?
  8. What Are Dynamic UIs?
  9. What Are JS Frameworks’ Fundamentals For Dynamic UIs?
  10. How Do You Build Dynamic UIs with JavaScript Frameworks?
  11. What Are the Best Practices for Performance Optimization?
  12. JS Frameworks: Conclusion
  13. JS Frameworks: FAQs
  14. What’s your reaction?
Ready to get started?

Create an account now!

Latest Content
Highlights of Virtual JS Days 2024

Highlights of Virtual JS Days 2024 From February 20-22, 2024, we held the third Virtual…

From the GM’s Desk 2023: An Exciting Year for Sencha & Ext JS 7.7

We are past the midpoint of 2023 and we are very proud of what we…

Sencha MVP Spotlight: Animap - The Historical Research Tool with Andy Allord

Welcome to our Developer Spotlight Series, where we showcase the remarkable talents and achievements of…

See More

Leave a Reply

Your email address will not be published. Required fields are marked *

*

coming soon

Something Awesome Is

COMING SOON!