streamlit

1
/**
2
 * Copyright (c) Streamlit Inc. (2018-2022) Snowflake Inc. (2022-2024)
3
 *
4
 * Licensed under the Apache License, Version 2.0 (the "License");
5
 * you may not use this file except in compliance with the License.
6
 * You may obtain a copy of the License at
7
 *
8
 *     http://www.apache.org/licenses/LICENSE-2.0
9
 *
10
 * Unless required by applicable law or agreed to in writing, software
11
 * distributed under the License is distributed on an "AS IS" BASIS,
12
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
 * See the License for the specific language governing permissions and
14
 * limitations under the License.
15
 */
16

17
describe("st._arrow_table styling", () => {
18
  before(() => {
19
    cy.loadApp("http://localhost:3000/");
20

21
    cy.get("[data-testid='stTable']").should("have.length", 3);
22

23
    cy.prepForElementSnapshots();
24
  });
25

26
  it("displays unstyled table", () => {
27
    cy.get("[data-testid='stTable']")
28
      .eq(0)
29
      .find("table tbody tr td")
30
      .eq(0)
31
      .should("contain", "1");
32

33
    cy.get("[data-testid='stTable']")
34
      .eq(0)
35
      .matchThemedSnapshots("arrow-table-unstyled");
36
  });
37

38
  it("displays table with custom formatted cells", () => {
39
    cy.getIndexed("[data-testid='stTable']", 1)
40
      .find("table tbody tr td")
41
      .eq(0)
42
      .should("contain", "100.00%");
43

44
    cy.getIndexed("[data-testid='stTable']", 1).matchThemedSnapshots(
45
      "arrow-table-formatted-cells"
46
    );
47
  });
48

49
  it("displays table with colored cells", () => {
50
    cy.getIndexed("[data-testid='stTable']", 2)
51
      .find("table tbody tr")
52
      .eq(0)
53
      .find("td")
54
      .each((el, i) => {
55
        if (i < 3) {
56
          return cy.wrap(el).should("have.css", "color", "rgb(0, 0, 0)");
57
        } else {
58
          return cy.wrap(el).should("have.css", "color", "rgb(255, 0, 0)");
59
        }
60
      });
61

62
    cy.getIndexed("[data-testid='stTable']", 2).matchThemedSnapshots(
63
      "arrow-table-colored-cells"
64
    );
65
  });
66
});
67