docs: update rule docs

docs/rules/prefer-screen-queries.md

@@ -2,26 +2,30 @@
 
 ## Rule Details
 
-DOM Testing Library (and other Testing Library frameworks built on top of it) exports a `screen` object which has every query (and a `debug` method). This works better with autocomplete and makes each test a little simpler to write and maintain.
+DOM Testing Library (and other Testing Library frameworks built on top of it) exports a `screen` object which has every query (the `container` and a `debug` method). This works better with autocomplete and makes each test a little simpler to write and maintain.
 This rule aims to force writing tests using queries directly from `screen` object rather than destructuring them from `render` result.
 
 Examples of **incorrect** code for this rule:
 
 ```js
 // calling a query from the `render` method
-const { getByText } = render(<Component />);
+const { getByText, container } = render(<Component />);
 getByText('foo');
+container.querySelector('foo');
 
 // calling a query from a variable returned from a `render` method
 const utils = render(<Component />);
 utils.getByText('foo');
+utils.container.querySelector('foo');
 
 // using after render
 render(<Component />).getByText('foo');
+render(<Component />).container.querySelector('foo');
 
 // calling a query from a custom `render` method that returns an array
-const [getByText] = myCustomRender(<Component />);
+const [getByText, container] = myCustomRender(<Component />);
 getByText('foo');
+container.querySelector('foo');
 ```
 
 Examples of **correct** code for this rule:
@@ -32,17 +36,21 @@ import { screen } from '@testing-library/any-framework';
 // calling a query from the `screen` object
 render(<Component />);
 screen.getByText('foo');
+screen.container.querySelector('foo');
 
 // using after within clause
 within(screen.getByTestId('section')).getByText('foo');
+within(screen.container.querySelector('section')).getByText('foo');
 
 // calling a query method returned from a within call
-const { getByText } = within(screen.getByText('foo'));
+const { getByText, container } = within(screen.getByText('foo'));
 getByText('foo');
+container.querySelector('foo');
 
 // calling a method directly from a variable created by within
 const myWithinVariable = within(screen.getByText('foo'));
 myWithinVariable.getByText('foo');
+myWithinVariable.container.querySelector('foo');
 ```
 
 ## Further Reading