/**
 * Copyright (c) 2024 Huawei Technologies Co., Ltd.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE-MIT file in the root directory of this source tree.
 */

import { StyleSheet } from 'react-native';
import { TestCase, TestSuite } from '@rnoh/testerino';

export const StyleSheetTest = () => {
  return (
    <TestSuite name="Stylesheet">
      <TestCase
        itShould="see if StyleSheet.create returns reference to an object with the correct props"
        fn={({ expect }) => {
          expect(styles.test).to.be.eql(testStyle);
        }}
      />
      <TestCase
        itShould="compose styles correctly"
        fn={({ expect }) => {
          const composed = StyleSheet.compose(testStyle, testStyle2);
          expect(composed).to.be.an('array');
          expect(composed).to.include(testStyle);
          expect(composed).to.include(testStyle2);
        }}
      />
      <TestCase
        itShould="flatten styles correctly"
        fn={({ expect }) => {
          expect(StyleSheet.flatten([testStyle, testStyle2])).to.be.eql(
            flattenedStyle,
          );
        }}
      />
      <TestCase
        itShould="return a sensible hairlineWidth value"
        fn={({ expect }) => {
          expect(StyleSheet.hairlineWidth).to.be.greaterThan(0).and.lessThan(2);
        }}
      />
    </TestSuite>
  );
};
const testStyle = {
  color: 'red',
  width: 20,
};
const testStyle2 = {
  color: 'blue',
  height: 30,
};
const flattenedStyle = {
  color: 'blue',
  width: 20,
  height: 30,
};
const styles = StyleSheet.create({
  test: testStyle,
});