diff --git a/src/Calendar/Navigation.spec.jsx b/src/Calendar/Navigation.spec.jsx
index 90c4d3c9..7198317d 100644
--- a/src/Calendar/Navigation.spec.jsx
+++ b/src/Calendar/Navigation.spec.jsx
@@ -23,7 +23,11 @@ describe('Navigation', () => {
const children = [...container.firstElementChild.children];
- const [prev2, prev, drillUp, next, next2] = children;
+ const prev2 = children[0];
+ const prev = children[1];
+ const drillUp = children[2];
+ const next = children[3];
+ const next2 = children[4];
expect(children).toHaveLength(5);
expect(prev2).toHaveAttribute('type', 'button');
@@ -38,7 +42,9 @@ describe('Navigation', () => {
const children = [...container.firstElementChild.children];
- const [prev, drillUp, next] = children;
+ const prev = children[0];
+ const drillUp = children[1];
+ const next = children[2];
expect(children).toHaveLength(3);
expect(prev).toHaveAttribute('type', 'button');
@@ -98,7 +104,12 @@ describe('Navigation', () => {
/>,
);
- const [prev2, prev, , next, next2] = [...container.firstElementChild.children];
+ const children = [...container.firstElementChild.children];
+
+ const prev2 = children[0];
+ const prev = children[1];
+ const next = children[3];
+ const next2 = children[4];
expect(prev2).toHaveTextContent('prev2Label');
expect(prev).toHaveTextContent('prevLabel');
@@ -111,7 +122,9 @@ describe('Navigation', () => {
,
);
- const [, , navigation] = [...container.firstElementChild.children];
+ const children = [...container.firstElementChild.children];
+
+ const navigation = children[2];
expect(navigation).toHaveAttribute('aria-live', 'polite');
});
@@ -129,7 +142,13 @@ describe('Navigation', () => {
/>,
);
- const [prev2, prev, navigation, next, next2] = [...container.firstElementChild.children];
+ const children = [...container.firstElementChild.children];
+
+ const prev2 = children[0];
+ const prev = children[1];
+ const navigation = children[2];
+ const next = children[3];
+ const next2 = children[4];
expect(prev2).toHaveAccessibleName('prev2AriaLabel');
expect(prev).toHaveAccessibleName('prevAriaLabel');
diff --git a/src/CenturyView.spec.jsx b/src/CenturyView.spec.jsx
index 5775859f..31e76359 100644
--- a/src/CenturyView.spec.jsx
+++ b/src/CenturyView.spec.jsx
@@ -62,7 +62,9 @@ describe('CenturyView', () => {
);
const tiles = container.querySelectorAll('.react-calendar__tile');
- const [firstDayTile, secondDayTile] = tiles;
+
+ const firstDayTile = tiles[0];
+ const secondDayTile = tiles[1];
expect(firstDayTile).toHaveClass('firstDayOfTheMonth');
expect(secondDayTile).not.toHaveClass('firstDayOfTheMonth');
@@ -75,9 +77,7 @@ describe('CenturyView', () => {
,
);
- const tiles = container.querySelectorAll('.react-calendar__tile');
- const [firstDayTile] = tiles;
-
+ const firstDayTile = container.querySelector('.react-calendar__tile');
const firstDayTileContent = firstDayTile.querySelector('.testContent');
expect(firstDayTileContent).toBeInTheDocument();
@@ -103,7 +103,9 @@ describe('CenturyView', () => {
);
const tiles = container.querySelectorAll('.react-calendar__tile');
- const [firstDayTile, secondDayTile] = tiles;
+
+ const firstDayTile = tiles[0];
+ const secondDayTile = tiles[1];
const firstDayTileContent = firstDayTile.querySelector('.testContent');
const secondDayTileContent = secondDayTile.querySelector('.testContent');
diff --git a/src/DecadeView.spec.jsx b/src/DecadeView.spec.jsx
index 9f20cc61..1bd2b0c5 100644
--- a/src/DecadeView.spec.jsx
+++ b/src/DecadeView.spec.jsx
@@ -57,7 +57,9 @@ describe('DecadeView', () => {
);
const tiles = container.querySelectorAll('.react-calendar__tile');
- const [firstDayTile, secondDayTile] = tiles;
+
+ const firstDayTile = tiles[0];
+ const secondDayTile = tiles[1];
expect(firstDayTile).toHaveClass('firstDayOfTheMonth');
expect(secondDayTile).not.toHaveClass('firstDayOfTheMonth');
@@ -96,7 +98,9 @@ describe('DecadeView', () => {
);
const tiles = container.querySelectorAll('.react-calendar__tile');
- const [firstDayTile, secondDayTile] = tiles;
+
+ const firstDayTile = tiles[0];
+ const secondDayTile = tiles[1];
const firstDayTileContent = firstDayTile.querySelector('.testContent');
const secondDayTileContent = secondDayTile.querySelector('.testContent');
diff --git a/src/MonthView.spec.jsx b/src/MonthView.spec.jsx
index a48026bd..113c1abc 100644
--- a/src/MonthView.spec.jsx
+++ b/src/MonthView.spec.jsx
@@ -65,7 +65,9 @@ describe('MonthView', () => {
);
const tiles = container.querySelectorAll('.react-calendar__tile');
- const [firstDayTile, secondDayTile] = tiles;
+
+ const firstDayTile = tiles[0];
+ const secondDayTile = tiles[1];
expect(firstDayTile).toHaveClass('firstDayOfTheMonth');
expect(secondDayTile).not.toHaveClass('firstDayOfTheMonth');
@@ -104,7 +106,9 @@ describe('MonthView', () => {
);
const tiles = container.querySelectorAll('.react-calendar__tile');
- const [firstDayTile, secondDayTile] = tiles;
+
+ const firstDayTile = tiles[0];
+ const secondDayTile = tiles[1];
const firstDayTileContent = firstDayTile.querySelector('.testContent');
const secondDayTileContent = secondDayTile.querySelector('.testContent');
diff --git a/src/MonthView/WeekNumbers.spec.jsx b/src/MonthView/WeekNumbers.spec.jsx
index 91f50212..0dc1512d 100644
--- a/src/MonthView/WeekNumbers.spec.jsx
+++ b/src/MonthView/WeekNumbers.spec.jsx
@@ -110,9 +110,9 @@ describe('.react-calendar__month-view__weekNumbers', () => {
/>,
);
- const children = container.querySelectorAll('button.react-calendar__tile');
+ const firstChild = container.querySelector('button.react-calendar__tile');
+ fireEvent.click(firstChild);
- fireEvent.click(children[0]);
expect(onClickWeekNumber).toHaveBeenCalledWith(52, new Date(2016, 11, 26), expect.any(Object));
});
@@ -122,9 +122,9 @@ describe('.react-calendar__month-view__weekNumbers', () => {
,
);
- const children = container.querySelectorAll('button.react-calendar__tile');
+ const firstChild = container.querySelector('button.react-calendar__tile');
+ fireEvent.click(firstChild);
- fireEvent.click(children[0]);
expect(onClickWeekNumber).toHaveBeenCalledWith(1, new Date(2017, 0, 1), expect.any(Object));
});
});
diff --git a/src/MonthView/Weekdays.spec.jsx b/src/MonthView/Weekdays.spec.jsx
index 54c5228a..b9c511fd 100644
--- a/src/MonthView/Weekdays.spec.jsx
+++ b/src/MonthView/Weekdays.spec.jsx
@@ -36,8 +36,7 @@ describe('Weekdays', () => {
it('renders weekdays with custom weekdays formatting', () => {
const { container } = render( 'Wkdy'} />);
- const weekdays = container.querySelectorAll('.react-calendar__month-view__weekdays__weekday');
- const firstWeekday = weekdays[0];
+ const firstWeekday = container.querySelector('.react-calendar__month-view__weekdays__weekday');
expect(firstWeekday).toHaveTextContent('Wkdy');
});
@@ -45,10 +44,9 @@ describe('Weekdays', () => {
it('renders weekdays with custom weekdays formatting', () => {
const { container } = render( 'Weekday'} />);
- const weekdays = container.querySelectorAll('.react-calendar__month-view__weekdays__weekday');
- const firstWeekday = weekdays[0];
- const abbr = firstWeekday.querySelector('abbr');
+ const firstWeekday = container.querySelector('.react-calendar__month-view__weekdays__weekday');
+ const firstWeekdayAbbr = firstWeekday.querySelector('abbr');
- expect(abbr).toHaveAccessibleName('Weekday');
+ expect(firstWeekdayAbbr).toHaveAccessibleName('Weekday');
});
});
diff --git a/src/YearView.spec.jsx b/src/YearView.spec.jsx
index cb3cd598..13688b12 100644
--- a/src/YearView.spec.jsx
+++ b/src/YearView.spec.jsx
@@ -56,7 +56,9 @@ describe('YearView', () => {
);
const tiles = container.querySelectorAll('.react-calendar__tile');
- const [firstDayTile, secondDayTile] = tiles;
+
+ const firstDayTile = tiles[0];
+ const secondDayTile = tiles[1];
expect(firstDayTile).toHaveClass('firstDayOfTheMonth');
expect(secondDayTile).not.toHaveClass('firstDayOfTheMonth');
@@ -95,7 +97,9 @@ describe('YearView', () => {
);
const tiles = container.querySelectorAll('.react-calendar__tile');
- const [firstDayTile, secondDayTile] = tiles;
+
+ const firstDayTile = tiles[0];
+ const secondDayTile = tiles[1];
const firstDayTileContent = firstDayTile.querySelector('.testContent');
const secondDayTileContent = secondDayTile.querySelector('.testContent');