Selenium C# 使用 class 和文本查找元素

Question

im very new to testing and have no training in automated tests so please bare with me if i say stupid things but ill try the best i can.

Bascially i am trying to assert that a specific employee in the employee list has the status of 'leaver'.

This is what i have tried (and other variations with the different classes)

Assert.Equal("image-tile__badge background-color--status-leaver ng-star-inserted", Driver.FindElement(By.XPath("//*[contains(@class,'image-tile__content-header') and contains(text(),'End Date, Contract') and contains(@class, 'image-tile__badge')]")).GetAttribute("Class"));

Assert.Equal("image-tile__badge background-color--status-leaver ng-star-inserted", Driver.FindElement(By.XPath("//*[contains(@class,'image-tile__content-header') and contains(text(),'End Date, Contract')]")).FindElement(By.XPath("//*[contains(@class, 'image-tile__badge')]")).GetAttribute("Class"));
       

The last one finds the element when the status is 'new', but when i change the employee status to 'leaver', it still returns as 'new' so possibly looking at another employee with a 'new' status.

Hopefully this is enough info, let me know if more is needed (this is my first ever post!) HTML code in image below

[HTML code on Chrome] [1]: https://i.stack.imgur.com/kUxkf.png

Summary: im trying to assert that the Employee "End Date, Contract" has the status of leaver (aka the leaver class "image-tile__badge background-color--status-leaver ng-star-inserted")

Answer 1

Thanks everyone for their help: One of my devs managed to take @noldors example and modify it a bit so heres what ended up working for me:

 var newElmList1 = Driver.FindElements(By.CssSelector("div.background-color--status-leaver")).ToList();
            List<string> newNames1 = new List<string>();
            foreach (var newElm in newElmList1)
            {
                var newName1 = newElm.FindElement(By.XPath(".."))
                                    .FindElement(By.CssSelector("div.image-tile__content-header")).Text;
                newNames.Add(newName1);
            }
            if (!newNames.Contains("End Date, Contract"))
            {
                throw new Exception("Exception Error on leaver Person");
            }

Answer 2

According to your screenshot, you can find all elements with 'Leaver' specific class with this;

 var leaverElmList = Driver.FindElements(By.CssSelector("div.background-color--status-leaver")).ToList();
 List<string> leaverNames = new List<string>();
 foreach (var leaverElm in leaverElmList) {
    var leaverName = leaverElm.FindElement(By.XPath(".."))
                        .FindElement(By.CssSelector("div.image-tile__content-header"));
                        .Text()
    leaverNames.Add(leaverName);
 }

Answer 3

As per your screenshot i fill it's better if you try using Xpath

var elmList = Driver.FindElements(By.Xpath("//div[contains(text(),'leaver')]")).ToList();

i hope it will help you Thank You.

Answer 4

Enddate, Contract which is not related to the div that contains Leaver. It's direct parent is the image-tile div