Forum Discussion

pkudrys's avatar
pkudrys
Frequent Contributor
6 months ago

getting "FindAll is not a function" error

Hi folks, Any idea why I'm getting error "FindAll is not a function"? Below code successfully returns parentElement object, But when I try to call FindAll with the obtained object, it fails with the...
Debugging
pkudrys's avatar
pkudrys
Frequent Contributor
6 months ago

It's an Angular-based app. I just found a public sample page, where this can be tested:
https://material.angular.dev/components/chips/overview#autocomplete

I've updated the test project with this particular page and elements. 

 FindAll_test.zip

Basically, I need to find all mat-chip-rows and click [x] button for each row. Of course, I know there is an easy way to achieve this by using name mapping and simple loop. But I can't use it that way. This project is just a simplified sample. In original project, I'm collecting all form inputs (using the complicated xpath) and do various things for each input. Basically collecting IDs/values, storing them in JSON, eventually loading IDs/values from JSON and filling individual form inputs. Therefore, I'm working on a generic method, which should work with various forms, containing variable number and types of elements. 

rraghvani's avatar
rraghvani
Icon for Champion Level 3 rankChampion Level 3
6 months ago

Not sure if this is helpful, but here's a few coding examples that highlights the button. Example 4 highlights and deletes. Name mappings are not used

function examples()
{
    // Using Chrome, navigate to https://material.angular.dev/components/chips/examples
    var page = Sys.Browser("chrome").Page("https://material.angular.dev/components/chips/examples");
                
    var panel = page.FindElement("//example-viewer[@id='chips-reactive-form']//chips-reactive-form-example/section/mat-form-field//mat-chip-grid[@role='grid']");

    // Example 1
    var items = panel.FindAll(["CustomObjectType", "contentText"], ["MatChipRow", "regexp:(how-to.*)"], 100);
    for (var i = 0; i < items.length; i++) {
        Sys.HighlightObject(items[i]);
    }
    
    // Example 2
    var items = panel.FindAll(["CustomObjectType", "contentText"], ["MatChipRow", "tutorial*"], 100);
    for (var i = 0; i < items.length; i++) {
        Sys.HighlightObject(items[i]);
    }
    
    // Example 3
    var items = panel.FindElements("//span[@aria-describedby='mat-mdc-chip-7-aria-description']|//span[@aria-describedby='mat-mdc-chip-4-aria-description']");
    for (var i = 0; i < items.length; i++) {
        Sys.HighlightObject(items[i]);
    }

    // Example 4
    var panel = page.FindElement("//app-component-viewer[contains(., 'overview')]")
    // Fina all objects in the page, where CustomObjectType = MatChipRow
    var items = panel.FindAll("CustomObjectType", "MatChipRow", 100);
    // Iterate through all found objects, highlight them and then click the X button to close them
    for (var i = 0; i < items.length; i++) {
        Sys.HighlightObject(items[i]);
        items[i].Button(0).Click();        
    }
}

I also have this snippet of code,

function pagesize()
{
    var page = Sys.Browser("chrome").Page("*");
    page.contentDocument.Script.eval("document.body.style.transform='scale(0.8, 0.8)'");
    aqUtils.Delay(2000);
}

which performs JavaScript injections - which performs the same as if using Chrome DevTools. However, this functionality was last working in TC v15.55 and has been broken since.